useDOMCreate问题及v-if使用

来源：10-5 Modal组件编码

想回到过去ling

2023-05-17

老师你好：
我发现个问题
1.首先 useDOMCreate 是在setup中引用的，未点击删除按钮时，在body中创建了挂载modal的节点，而不是在我点击删除按钮之后创建

2.v-if 是挂载在 modal 组件内teleport 下一级dom上，这样取消 modal时，是不会触发 onUnmounted钩子函数的，挂载的节点不会被删除。v-if是不是应该写在父级用的 modal组件上

写回答

1回答

张轩

2023-05-18

同学你好

这个组件设置初衷和 createMessage 有些区别，比那个更简单一点，所以它的展示/隐藏都仅仅是控制显示/不显示，不会销毁对应的节点。

所以第一个问题：在哪里或者什么时候创建这个节点我认为都是可以的，因为并不会销毁这个节点，所以一直在 DOM 中也可以。

第二个，同学如果要在组件内部使用 onUnmounted 钩子，那么就可以按你说的改一下。

如果你想换成 createMessage 那样的函数调用的方式，也可以发挥主观能动性，大改一下也可以。

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3166 学习 · 2346 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 2