elementUI|vue之页面局部组件刷新

我们在用element组件的时候,总会遇到页面内某个组件不能刷新的情况

【elementUI|vue之页面局部组件刷新】举个例子:
elementUI|vue之页面局部组件刷新
文章图片

这时不保存,关闭父组件页面,再打开后发现组件1中添加的内容还在.我们不想让组件1的新增的内容存在。
解决办法:
  1. 在父组件的调用组件1的地方加上v-if=“val”,val为父组件传到子组件的值
  2. 给val的初始值赋值为 ‘’ ,不能为null
  3. 前两步都不能缺少。

    推荐阅读