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 協議》，轉載必須註明作者和本文連結