当多个路由复用同一个模板，此时在这几个路由间切换，模板并不会重新挂载。针对这个情况，我们需要在当前逻辑内对路由做监听，在发生变化时更新对应属性，已满足需求。

　　但是，在实现的过程中会遇到如下情况：

　

如图示，在页面切换的时候转入el-table的prop属性已经发生了变化，但是内循环绑定的并没有变化，原因是vue监听不到深层次的对象属性或者数组值的改变。

　　解决办法就是在路由切换的时候，利用v-if指令绑定状态的过度。此处假设v-if="view === 'main'"代表显示，在切换的过程将view置为'loading', 然后延时更新置为'main',　这样列表展示会经历 "显示=>消失=>显示"的过程，列表组件会经历" 挂载 =>销毁=>挂载"的过程，使组件释放缓存数据强制更新，这样就符合了我们之前多页面复用模板灵活配置属性的设计。

　　此处记录了我之前大概的解决思路，希望对各位有帮助。这个问题更多的考察我们对组件生命周期和属性双向绑定机制的一些理解。如有更多的想法、讨论，请留言给我。谢谢

最新文章

1. C++ std::forward_list
2. jQuery的deferred对象详解(转载)
3. 怎样创建FTP服务器
4. Sql合并两个select查询
5. 在VS2010 SP1基础上安装mvc3
6. SQL中的事物【转】
7. 转载 JQuery.data()方法学习
8. Java中创建线程的两种方式
9. SQL中存储过程中使用事务,并且加入异常处理机制.
10. git中的常用指令名及其意义
11. PC机安装android apk | adb install -r
12. Qt3D教程
13. knockoutjs简单使用
14. HDOJ-1052 田忌赛马（贪心）
15. Mybatis 系列10
16. pg 生成数据字典
17. Java框架spring Boot学习笔记（二）：Hello Spring Boot、以及项目属性配置
18. python函数默认参数作用域
19. tableView中cell的复用机制
20. jQuery学习笔记（Ajax）

热门文章

1. TransE论文剩余部分
2. 具体解释ebs接口之客户配置文件导入（二）
3. 简要分析武汉一起好P2P平台的核心功能
4. NSCache使用常见错误
5. jdbc之二：DAO模式 分类： B1_JAVA 2014-04-29 15:13 1536人阅读 评论(0) 收藏
6. 深度理解IIS下部署ASP.NET Core2.1 Web应用拓扑图
7. 清楚arp
8. 【76.83%】【codeforces 554A】Kyoya and Photobooks
9. string与QString之间的转换（两种方法：fromStdString直接转换，或者fromLocal8Bit(cstr.c_str())
10. java获取访问路径、域名、项目名、请求入参