老师，单独将tab切换组件写成一个独立的组件，然后再引入到home组件中，这种的话怎么设置切换的状态保存呢？不是动态组件不可以用keep-alive了

来源：7-18 首页 Tab 切换的状态保存

慕村0435903

2019-09-13

home页面
footer组件

写回答

1回答

Sunday

2019-09-14

刚进入程序时，打开的第一个页面组件应该是 Main.vue 。我们在 Main.vue 上，通过 tab 切换，来切换 home、shopping、my 这三个组件的展示。所以，如果将 tab 组件封装，那么应该是放入到 Main.vue 中，点击 tab 切换 home、shopping、my 这三个组件的展示。

这里可以仔细看下课程中的代码，课程中也是将 tab 进行了封装，和你的思路应该是一样的。

混合开发入门 Vue结合Android/iOS开发仿京东项目App

流行的混合开发实战入门，前端和原生开发同学不容错过

1108 学习 · 448 问题

查看课程

相似问题

在goods组件中用keep-alive保存状态没效，实现步骤用ref获取demo,添加事件，能够获取滚动的距离，activated，却没有效果

回答 3

这里用的动态组件的话是不是也需要用keep-alive包裹起来更好呢

回答 1

项目src下自己的.vue文件可以直接import node_modules下第三方包里的.vue文件吗

回答 1

view里面根据子组件事件切换其他子组件

回答 2

第八章，购物车页面商品数量显示不正确的问题。

回答 1

打开慕课网App查看更多内容