javascript - Comment définir la description du mot-clé du titre d'une page Web dans vue2.0
世界只因有你
世界只因有你 2017-06-26 10:52:29
0
2
989

Comment définir les mots-clés et les descriptions dans le titre de la page Web et la balise méta dans vue2.0 ? Si vous souhaitez changer dynamiquement, changer d'itinéraire ou d'autres situations, changez dynamiquement ces trois endroits

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

répondre à tous(2)
黄舟

Définissez comme suit dans 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')
})
小葫芦

Les balises de base du fichier d'entrée peuvent être manipulées
Vous pouvez utiliser le DOM dans le routeur
router.beforeEach((to, from, next) => {
//Manipuler le DOM ici
// ...
/* console.log(to);
console.log(from);*/
next();
})

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!