强制vue组件重新渲染加载的方式:
采用将key分配给组件的方式,如果想重新渲染组件,只需改变key值就可以。
使用示例:
<template>
<div>
// 需要重新渲染的组件,绑定一个key值
<childComponent :key="childKey" />
</div>
</template>
<script>
export default{
data(){
childKey: 0
},
mounted(){
// 每隔10秒绑定的key值改变一次,因此会重新渲染一次
setInterval(()=> {
this.update()
}, 10000)
},
methods: {
// 改变key值的方法
update(){
this.childKey += 1
}
}
}
</script>