mounted 先于 router.beforeEach 执行的问题

使用vue中的router.beforeEach 全局导航钩子实现进入路由前验证，直接使用url打开页面时，居然先执行vue单页面中的mounted钩子，再执行的BeforeEach。原因：在main.js中定义时需要先定义 router.beforeEachrouter.beforeEach((to, from, next) => {}）再 vue实例化ne...

Lv骚年

2957人浏览 · 2019-12-24 10:53:40

Lv骚年 · 2019-12-24 10:53:40 发布

使用vue中的router.beforeEach 全局导航钩子实现进入路由前验证，直接使用url打开页面时，居然先执行vue单页面中的mounted钩子，再执行的BeforeEach。

原因：

在main.js中定义时需要

先定义 router.beforeEach

router.beforeEach((to, from, next) => {}）

再 vue实例化

new Vue({
  el: '#app',
  router,
  store,
  components: { App },
  template: '<App/>'
})

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