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 协议》,转载必须注明作者和本文链接
讨论数量: 1

如果 key 用的数据对应唯一 ID 该怎么处理

1个月前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!