element的dialog组件隐藏默认是不销毁的，所以不会触发生命周期
即便destroy-on-close设置为true也不好用
解决办法其实很简单，给他加一个v-if父级
<template>
<!-- 添加或修改菜单对话框 -->
<div v-if="visible">
<el-dialog title="标签写入" :visible.sync="visible" width="90%">
//你引入的组件a
<a></a>
</el-dialog>
</div>
</template>
这样当你设置visible为false的时候，组件a的生命周期destroyed会正常触发
1.el-dialog 组件 el-dialog 是element的弹出对话框组件，项目中用的element组件库...
Vue项目中，使用Element-UI Dialog对话框组件，关闭弹框时弹出如下警告： 意思是子组件dialog...
el-dialog 是 element-ui 的一个对话框 组件 组件：需要设置visible属性，它接收Boo...
Dialog 对话框组件化,重置整个data为初始状态,$nextTick是为了重新赋值的过程中触发表单的校验,加...
最近在写项目的时候用了element的对话框的组件。需求是这样的我在对话框组件中用了树形组件，想要在组件中显示默认...
真是坑，在el-dialog中使用el-carousel组件，想要动态修改幻灯片的当前激活的索引，element官...
数据更新与生命周期 Bug: 父组件 setState 后，子组件未触发生命周期 willReceiveProps...
四种事件(组件第一次挂载、setState、props改变、组件卸载) 会触发不同的生命周期，不同的生命周期会触发...
一，vue的组件 二，生命周期函数 生命周期函数就是组件挂载，组件更新，组件销毁过程所触发的一系列的函数。 看一下...
reace生命周期函数：组件加载之前，组件加载完成，组件更新数据，及组件销毁时触发的一系列的方法。 1、组件加载触...
本文标题：element dialog对话框组件 不触发组件生命周期的坑
本文链接：https://www.haomeiwen.com/subject/ynszfdtx.html
网友评论