84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
我的项目只要是写了keep-alive标签,无论你exclude里面写了什么,它都会全部页面都缓存。
<keep-alive exclude="xxx,yyy"> <router-view></router-view> </keep-alive>
求解啊?
认证0级讲师
同样发现这个问题,include也一样,没有用! 请问为什么
你这是 exclude 啊
目前似乎使用vue-router不能直接用include,exclude
只能这样写
<keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> <router-view v-if="!$route.meta.keepAlive"></router-view>
参考vue-router的issue#811
exclude 完全没问题, 几个注意点,
vue-router 的版本必须是2.1+
设置了exclude的组件, 如果是同名组件切换, 一样会缓存, 这是因为组件复用
给组件设置name
exclude设置对应组件的name
https://jsfiddle.net/lincenyi...
打开上面的例子, 点击 /params/foo 内容会由一开始的1234, 1秒后变成2345再点击/optional-group/foo/bar最后再点击/params/foo, 出现的结果一样是1234, 1秒后变成2345, 说明组件没被缓存
/params/foo
/optional-group/foo/bar
删除 代码中的 exclude="foo2"
exclude="foo2"
再重复上面的3个步骤, 会发现1-2和上面一样, 但是第三个步骤时, 页面会直接出现2345, 说明组件缓存成功
同样发现这个问题,include也一样,没有用! 请问为什么
你这是 exclude 啊
目前似乎使用vue-router不能直接用include,exclude
只能这样写
参考vue-router的issue#811
exclude 完全没问题,
几个注意点,
vue-router 的版本必须是2.1+
设置了exclude的组件, 如果是同名组件切换, 一样会缓存, 这是因为组件复用
给组件设置name
exclude设置对应组件的name
https://jsfiddle.net/lincenyi...
打开上面的例子,
点击
/params/foo
内容会由一开始的1234, 1秒后变成2345再点击
/optional-group/foo/bar
最后再点击
/params/foo
, 出现的结果一样是1234, 1秒后变成2345, 说明组件没被缓存删除 代码中的
exclude="foo2"
再重复上面的3个步骤,
会发现1-2和上面一样, 但是第三个步骤时, 页面会直接出现2345, 说明组件缓存成功