element-u弹出刷新dialog弹出框和分页显示不对处理问题

Element-ui的弹出框是在前端开发中经常是会用的一个功能；但是我们在使用的过程中会发现每次弹出框的数据在操作后很难清除或者重置；比如文件上传，分页数据等等，这里给大家提供一种方法
v-if='dialogVisible’

    <el-dialog
      title="Insert Media"
      top="10vh"
      :visible.sync="dialogVisible"
      :width="activeWidth"
      :show-close="false"
      :close-on-click-modal="false"
      :close-on-press-escape="false"
       v-if='dialogVisible'
    >
      </el-dialog>

是不是 突然脑子一灵光， 这里简单给大家提一下 v-if、v-show 的功能

v-if 是在每次展示的时候重新渲染节点，所以dialog这个节点每次展示数据都会刷新;

v-show 是在页面加载的时候先把dom节点渲染出来，然后切换的时候使用 El{display：none/block}的方式进行切换。
所以用 v-if 算是一种方法解决数据不刷新的问题。
同时这个也可以作为分页错乱的问题，
场景：初始状态下展示了10页数据，在你点击分页后 page= 5； 搜索后你会发现页数还是5，这个时候也可以用这个方法。

this.paginationFlag = false;
this.$nextTick(() => {
this.paginationFlag = true;
});
当然也有很多其他的方式，不喜勿喷哈，喜欢的话给点个赞哈哈。