javascript - Bagaimana untuk menetapkan perihalan kata kunci tajuk halaman web dalam vue2.0
世界只因有你
世界只因有你 2017-06-26 10:52:29
0
2
1008

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

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

membalas semua(2)
黄舟

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')
})
小葫芦

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();
})

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!