Vue.js 路由参数发生变化时使用 Object.assign 初始化 data
栏目: JavaScript · 发布时间: 6年前
内容简介：最近这一年都在用场景如下：当前 URL：http://localhost:8080/news?id=1&page=1
最近这一年都在用 Vue.js
做项目，有时候路由参数发生改变时页面不会重载，导致数据都是旧的。
场景如下：
当前 URL：http://localhost:8080/news?id=1&page=1
发生变化：http://localhost:8080/news?id=1&page=2
这个时候 page
参数改变了，但是页面内容没有发生改变，这时候一般需要用到 beforeRouterUpdate
可以 参考文档
来重新请求一遍数据就可以了。
但是，如果我们有一些变量，如打开关闭对话框。处于打开状态，但是我翻页时并没有关闭对话框。这个时候翻页对话框也存在，并且对话框调用的数据是上一页的，这个时候我们翻页前需要关闭对话框，在 beforeRouterUpdate
可以进行修改。
但是如果页面复杂的时候，有大量变量要初始化的话，那么 beforeRouterUpdate
一大堆变量赋值，又臭又长难看，这个时候只需要用 Object.assign(this.$data, this.$options.data())
就可以解决初始化的问题了。然后，再去请求数据
以上所述就是小编给大家介绍的《Vue.js 路由参数发生变化时使用 Object.assign 初始化 data》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
图解物联网
［ 日］ NTT DATA集团、河村雅人、大塚纮史、小林佑辅、小山武士、宫崎智也、石黑佑树、小岛康平 / 丁 灵 / 人民邮电出版社 / 2017-4 / 59.00元
本书图例丰富，从设备、传感器及传输协议等构成IoT的技术要素讲起，逐步深入讲解如何灵活运用IoT。内容包括用于实现IoT的架构、传感器的种类及能从传感器获取的信息等，并介绍了传感设备原型设计必需的Arduino等平台及这些平台的选择方法，连接传感器的电路，传感器的数据分析，乃至IoT跟智能手机/可穿戴设备的联动等。此外，本书以作者们开发的IoT系统为例，讲述了硬件设置、无线通信及网络安全等运用Io......一起来看看 《图解物联网》 这本书的介绍吧!
