vue路由第二次进入页面created和mounted不执行

因为路由中created和mounted默认会进行缓存的，除非在router.js中配置：keepAlive: false；这样是把这个页面的路由缓存给关闭了；true为开启，false为关闭；meta: {keepAlive: false},还有一种办法就是使用activated钩子就可以了1、将要处理的方法，放在activated函数中总结1、router-view路由跳转使用keep-ali

她和海水一样咸

3249人浏览 · 2021-10-26 15:14:03

她和海水一样咸 · 2021-10-26 15:14:03 发布

因为路由中created和mounted默认会进行缓存的，除非在router.js中配置：keepAlive: false；这样是把这个页面的路由缓存给关闭了；true为开启，false为关闭；

meta: {
  keepAlive: false
},

还有一种办法就是使用activated钩子就可以了

1、将要处理的方法，放在activated函数中

总结

1、router-view路由跳转使用keep-alive方式
2、created和mounted只执行一次
3、使用activated钩子，每次进入页面执行一次

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}$/, //不连续的两位字母// /^