Vue中关闭dialog时销毁并隐藏

背景:今天在写Vue时遇到一个element-ui中懒加载树的问题, 由于tree的展示是在模态框中, 所以默认显示模态框加载lazyLoad方法没问额!但是关闭后你再次打开模块框时不会再去执行lazyLoad方法了, 这就有问题了。


  
  

其实你已经想到了,就是隐藏dialog的时候要销毁这个dialog。 度娘后发现给dialog加v-if,在关闭dialog的时候将v-if设置为false这样el-tree会直接将其从DOM结构中抹除,到此问题解决。

修改后代码:


  
  

来来来给我一分钱,我将给你更多优质博文~

Vue中关闭dialog时销毁并隐藏_第1张图片

 

你可能感兴趣的:(Vue)