当前位置: 首页 > Web前端 > vue.js

Vue组件强制刷新

时间:2023-04-01 10:34:46 vue.js

Vue组件强制刷新,右边的markdown实现了更新和强制刷新组件Vue官网key说明可以在Vue官网查看,key的说明可以追踪到每一个的身份节点,以便对已有元素进行复用和重新排序,需要为每个item属性提供一个唯一的key:Vue中的虚拟dom树也是根据key的变化来判断是否刷新组件。这个很重要,所以我们给要强制刷新的组件加一个键。然后定义一个方法专门改变key的值来强制刷新组件。这种更改密钥的方法是最有效的。下面的例子data(){return{//这里随机分配demoKey:0}},method:{//改变key重新渲染,需要的时候调用这个重新渲染MethodforceRerender(){this.demoKey='demo-'++newDate()+((Math.random()*1000).toFixed(0)+'')}}