只是一个简单的问题。
你能强迫Vue.js重新加载/重新计算所有内容吗?如果有，怎么做?
当前回答
请读一读 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.$forceUpdate();
//or in file components
this.$forceUpdate();
不需要创建任何悬挂变量:)
更新:当我刚开始使用VueJS时，我发现了这个解决方案。然而，进一步的探索证明这种方法是一种拐杖。据我回忆，在一段时间内，我摆脱了它，只是把所有不能自动刷新的属性(大部分是嵌套的)放入计算属性中。
更多信息请访问:https://v2.vuejs.org/v2/guide/computed.html
我找到了一个办法。这有点俗气，但很管用。
vm.$set("x",0);
vm.$delete("x");
其中vm是视图模型对象，x是一个不存在的变量。
Vue.js会在控制台日志中抱怨这个问题，但它确实会触发所有数据的刷新。使用版本1.0.26进行测试。
如果您正在使用路由器视图或Vue路由器，您可以直接使用关键功能
<router-view :key="$route.path"></router-view>
这将告诉路由器视图在每次路径改变时重新渲染页面。
如果你的URL在加载组件时也发生了变化，你可以在:key属性中使用它。如果你直接在router-view标签上使用它，效果会特别好。这与添加的键的benedit是一个实际绑定到页面内容的值，而不仅仅是一些随机数。
<router-view :key="this.$route.path"></router-view>
确定. .可以简单地使用key属性在任何时候强制重新呈现(重新创建)。
<mycomponent :key="somevalueunderyourcontrol"></mycomponent>
有关示例，请参见https://jsfiddle.net/mgoetzke/epqy1xgf/
这里也有讨论:https://github.com/vuejs/Discussion/issues/356#issuecomment-336060875
