Vue 多个路由绑定同一组件造成created不执行的解决办法

目录第一章问题第二章问题原因第三章解决方法第一章问题我这里循环显示类别当点击类别时进行相应的跳转在classifiedBooks.vue中进行接收然后发现categoryId只会更新一次,也就是说这个classifiedBooks.vue的created函数只执行了一次,所以我无论点上面的哪一个类别显示的都是一个类别第二章问题原因...

逆袭的小学生

8186人浏览 · 2019-01-16 11:39:11

逆袭的小学生 · 2019-01-16 11:39:11 发布

第一章问题

第二章问题原因

第三章解决方法

第一章问题

我这里循环显示类别

当点击类别时进行相应的跳转

在classifiedBooks.vue中进行接收

然后发现categoryId只会更新一次,也就是说这个classifiedBooks.vue的created函数只执行了一次,所以我无论点上面的哪一个类别显示的都是一个类别

第二章问题原因

官方解释:https://router.vuejs.org/zh/guide/essentials/dynamic-matching.html

比如都访问user组件,传送到参数分别foo和bar,user组件只会使用一次.

第三章解决方法

在classifiedBooks.vue中利用watch监听路由参数的变化,路由参数变化时刷新对应的变量即可.

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^