vue弹出框每次打开重新初始化,还有解决vue element 的el-dialog弹框多次打开插入组件不刷新

在网上找到两种方法,

一种是绑定时间戳:

<el-dialog  :key="timer" > </el-dialog>

this.timer = new Date().getTime() // 每次打开模态框传入新的时间戳 ,就会刷新了
但是尝试之后发现每次屏幕会闪一下,

于是用了另一种方法:

将 :visible.sync 与 v-if  同时使用

 解决vue element 的el-dialog弹框多次打开插入组件不刷新

新增和修改用同一个弹窗时,编辑窗口中子组件的数据不更新

简单的情况下v-if可以解决这个问题 但是这个时候弹框页面是组件,vue组件渲染之后再次点击需要刷新不然不会重新渲染页面(主要是新增和编辑页面都是同一个页面导致的)。解决方法很简单就是在子组件(弹框引入的组件)里面加上一个watch监听值(监听传入的数据)的变化就可以了。

 

posted @ 2020-07-17 13:13  yyzyyzyyz  阅读(9090)  评论(0)    收藏  举报