Vue中强制组件重新渲染的正确方法

更新 key 以强制重新渲染组件**

这是强制 Vue重新渲染组件的最佳方式(个人认为)
我们可以采用这种将 key分配给子组件的策略,但每次想重新渲染组件时,只需更新该 key 即可。

如下案例:

 <el-dialog :title="choose_name" :visible.sync="dialogChooseVisible"  width="20%" @close="chooseVisibleClose">

 <Choose

        :rule-choose-form="ruleChooseForm"

        :rooms="rooms"

        :key="chooses"

        :row_clock_technicians="row_clock_technicians"

        @chooseVisibleClose="chooseVisibleClose"

      ></Choose>

 </el-dialog>
 exprot default{
 data(){
   return{
    numberkey:0,
   }
 },
 methods:{
   chenRender(){
    this.chooses +=1;
   }
 }
}

本作品采用《CC 协议》，转载必须注明作者和本文链接