如果路由视图中指定了keep alive,如下所示
<keep-alive>
<router-view></router-view>
</keep-alive>
然后,当重新访问该路由时,所有路由都会被有效地缓存和重新加载.
我希望能够在各个路由上指定一个保持活动选项.
对于许多路由,只有1或2条需要保持活动状态,而不重新渲染缓存所有路由是无用的
is there any method of doing so or any workaround available
如果路由视图中指定了keep alive,如下所示
<keep-alive>
<router-view></router-view>
</keep-alive>
然后,当重新访问该路由时,所有路由都会被有效地缓存和重新加载.
我希望能够在各个路由上指定一个保持活动选项.
对于许多路由,只有1或2条需要保持活动状态,而不重新渲染缓存所有路由是无用的
is there any method of doing so or any workaround available
https://jsfiddle.net/Linusborg/L613xva0/4/
Vue 2.1.0版中新增了用于有条件缓存组件的include
和exclude
props .注意name
选项的使用.
const Foo = {
name: 'foo',
template: '<div><p v-for="n in numbers">{{ n }}</p></div>',
data: function() {
return {
numbers: [Math.round(Math.random() * 10), Math.round(Math.random() * 10)]
}
}
}
const Bar = {
name: 'bar',
template: '<div><p v-for="n in numbers"><strong>{{ n }}</strong></p></div>',
data: function() {
return {
numbers: [Math.round(Math.random() * 10), Math.round(Math.random() * 10)]
}
}
}