vue中给每个页面顶部设置title

实现思路很简单：就是利用路由的导购守卫beforeEach在每次页面跳转前更改对应的title1.首先在route里面给每个路由加上meta属性2.在main.js里面加上导航守卫router.beforeEach((to,form,next) => {window.document.title = to.meta.title == undefined?'默认标题':to.meta.

laishaojiang

2952人浏览 · 2018-07-14 14:06:09

laishaojiang · 2018-07-14 14:06:09 发布

实现思路很简单：就是利用路由的导购守卫beforeEach在每次页面跳转前更改对应的title

1.首先在route里面给每个路由加上meta属性

2.在main.js里面加上导航守卫

 
  router. 
  beforeEach(( 
  to, 
  form, 
  next) 
  => { 
 
 
  window. 
  document. 
  title = 
  to. 
  meta. 
  title == 
  undefined? 
  '默认标题': 
  to. 
  meta. 
  title 
 
 
  next() 
 

   }) 
 

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