欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue 组件的深度刷新

程序员文章站 2024-03-01 13:25:46
...

遇到的问题?

假如一关于一个组件的属性或者数据进行改变了,vue没有进行页面刷新或者重绘,可以用this.$nextTick()完美解决

<a-table v-if="isReview"></a-table>

<script>
 export default{
    data(){
      return{
        isReview:true
       }
    },
   methods:{
     async reSet{
          const {res:data}= await getTable(res=>{
            if(res.success){
              //进行操作
              this.isReview=false
              this.$nextTick(()=>{
                 this.isReview=true
               })
            }
          })
        }
  
     }
  
  }

</script>

  这样这个table组件就是利用v-if的特性先进行卸载 再进行加载,相当于重新刷新

相关标签: antd-design-vue