javascript - Bagaimana untuk menetapkan perihalan kata kunci tajuk halaman web dalam vue2.0

Question

Bagaimana untuk menetapkan kata kunci dan penerangan dalam tajuk halaman web dan teg meta dalam vue2.0? Jika anda ingin menukar secara dinamik, menukar laluan atau situasi lain, tukar tiga tempat ini secara dinamik

Answer 1

Tetapkan seperti berikut dalam 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')
})

Answer 2

Tag asas fail masukan boleh dimanipulasi
Anda boleh mengendalikan DOM dalam Penghala
router.beforeEach((ke, dari, seterusnya) => {
//Manipulate DOM di sini
// ...
/* konsol. log(ke);
console.log(dari);*/
seterusnya();
})