javascript – So legen Sie die Schlüsselwortbeschreibung für den Webseitentitel in vue2.0 fest
世界只因有你
世界只因有你 2017-06-26 10:52:29
0
2
1092

Wie lege ich die Schlüsselwörter und Beschreibungen im Webseitentitel und im Meta-Tag in vue2.0 fest? Wenn Sie sich dynamisch ändern, Routen wechseln oder andere Situationen ändern möchten, ändern Sie diese drei Orte dynamisch

世界只因有你
世界只因有你

Antworte allen(2)
黄舟

在router.js中如下设置

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)

const router = new Router({
  routes: [{
      path: '/login',
      component: Login,
      meta: { title: '登录' }
    }, {
      path: '/register',
      component: Register,
      meta: { title: '注册' }
    }
  ]
})
// 全局配置
router.beforeEach((to, from, next) => {
  // Change doc title
  document.title = to.meta.title || 'Unknow title'
  document.querySelector('meta[name="keywords"]').setAttribute('content', 'keywords')
  document.querySelector('meta[name="description"]').setAttribute('content', 'description')
})
小葫芦

入口文件 的 基本标签都是可以被操作的
你可以在 Router
router.beforeEach((to, from, next) => {
//这里操作DOM
// ...
/* console.log(to);
console.log(from);*/
next();
})

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage