只是一个简单的问题。
你能强迫Vue.js重新加载/重新计算所有内容吗?如果有，怎么做?
当前回答
添加以下代码:
this.$forceUpdate()
其他回答
使用vm。美元(varName,价值)。
在Change_Detection_Caveats中查看详细信息
请读一读 http://michaelnthiessen.com/force-re-render/
可怕的方式:重新加载整个页面 更好的方法:使用Vue的内置 最好的方法:在你的 组件
<template>
<component-to-re-render :key="componentKey" />
</template>
<script>
export default {
data() {
return {
componentKey: 0,
};
},
methods: {
forceRerender() {
this.componentKey += 1;
}
}
}
</script>
在某些情况下，我也用watch。
我找到了一个办法。这有点俗气，但很管用。
vm.$set("x",0);
vm.$delete("x");
其中vm是视图模型对象，x是一个不存在的变量。
Vue.js会在控制台日志中抱怨这个问题，但它确实会触发所有数据的刷新。使用版本1.0.26进行测试。
使用v-if指令
<div v-if="trulyvalue">
<component-here />
</div>
因此，简单地将truyvalue的值从false更改为true将导致div之间的组件重新渲染
除了页面重载方法(闪烁)，没有一个适合我(:键没有工作)。
我发现这个方法从旧vue.js论坛，这是为我工作:
https://github.com/vuejs/Discussion/issues/356
<template>
<div v-if="show">
<button @click="rerender">re-render</button>
</div>
</template>
<script>
export default {
data(){
return {show:true}
},
methods:{
rerender(){
this.show = false
this.$nextTick(() => {
this.show = true
console.log('re-render start')
this.$nextTick(() => {
console.log('re-render end')
})
})
}
}
}
</script>
