1.通过点击列表页进入内容的详情页,改变浏览器上携带的id时,如何刷新内容详情的数据:
watch: {
//浏览器上的路由id发生改变时,重新加载编辑内容详情
"$route.query.id": {
deep: true,
immediate: true,
handler: function(val, oldVal) {
if (val != oldVal && oldVal != undefined) {
this.getData(); //重新加载详情
}
}
}
},
- handler:其值是一个回调函数。即监听到变化时应该执行的函数。
- deep:其值是true或false;确认是否深入监听。(一般监听时是不能监听到对象属性值的变化的,数组的值变化可以听到。)
- immediate:其值是true或false;确认是否以当前的初始值执行handler的函数。