只是一个简单的问题。
你能强迫Vue.js重新加载/重新计算所有内容吗?如果有,怎么做?
只是一个简单的问题。
你能强迫Vue.js重新加载/重新计算所有内容吗?如果有,怎么做?
当前回答
使用vm。美元(varName,价值)。
在Change_Detection_Caveats中查看详细信息
其他回答
有两种方法,
你可以在你的方法处理程序中使用$forceUpdate()
<您的组件@click = " reRender ()" > < /组件>
<script>
export default {
methods: {
reRender(){
this.$forceUpdate()
}
}
}
</script>
你可以给你的组件一个:key属性,并在想要渲染时增加
<your-component:key="index" @click="reRender()" > < /组件>
<script>
export default {
data() {
return {
index: 1
}
},
methods: {
reRender(){
this.index++
}
}
}
</script>
使用v-if指令
<div v-if="trulyvalue">
<component-here />
</div>
因此,简单地将truyvalue的值从false更改为true将导致div之间的组件重新渲染
使用vm。美元(varName,价值)。
在Change_Detection_Caveats中查看详细信息
添加以下代码:
this.$forceUpdate()
这对我来说很有效。
created() {
EventBus.$on('refresh-stores-list', () => {
this.$forceUpdate();
});
},
另一个组件触发refresh-stores-list事件将导致当前组件重新呈现