Vue中jsconfig.json的配置和在路由守卫中动态修改页面title

在jsconfig.json中配置,import的时候使用@代表src起始路径的时候,能动态提示子路径:

{
    "compilerOptions": {
      "baseUrl": "./",
      "paths": {
        "@/*": ["src/*"]
      }
    },
    "exclude": ["node_modules", "dist"]
  }

路由发生变化修改页面title:

router.beforeEach((to, from, next) => {
  /* 路由发生变化修改页面title */
  if (to.meta.title) {
      document.title = to.meta.title;
  }else{
      document.title = '酒馆留声机';
  }
  next();
})

做字段校验的时候可以在rules中写正则表达式,写在pattern属性中:

<van-field
   class="item"
    v-model="mobile"
    name="mobile"
    :rules="[
      {
        pattern:
          /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/,
        message: '请输入正确内容',
      },
    ]"
  />

你可能感兴趣的:(js,前端开发,vue,vue,js)