由于组件是复用的,若要对路由参数的变化作出响应的话,就需要在此组件上使用 watch(监测变化) $route 对象
created() {
this.listQuery.code = this.$route.query.id;
this.getList();
},
watch: {
$route(to, from) {
//当参数改变时就会触发比方法,以此达到数据属性
this.listQuery.code = this.$route.query.id;
this.getList();
}
},
如果页面中有子组件,子组件中也需要使用 watch 监测变化 $route 对象