vue组件el-dialog重新执行mounted方法的技巧
vue组件el-dialog重新执行mounted方法的技巧
星痕
发布于 2018-12-24 10:52:42
发布于 2018-12-24 10:52:42
在Vue开发中，有时需要我在同一个列表中，多次加载同一个组件，但问题来了。 该组件只在页面加载中，加载一次，后面不会再加载了，如el-dialog,解决办法如下，在el-dialog外再加一层div. 示例代码如下：
<div v-if="dialogFormVisibleAdd">
<el-dialog :title="dialogAddOrEdit"
:visible="dialogFormVisibleAdd" :modal="dialogFormVisibleAdd"
:before-close="openAddDialogClose">
..
</el-dialog>
</div>div中以v-if来控制组件el-dialog的出现与否,每次弹出el-dialog，都会执行mounted,而不加div,只会执行一次。 如果你有更好的解决办法，可以给我留一下言，毕竟我不是专业的前端。
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2018.12.16 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读