javascript - vue2.0如何设置 网页标题 关键字 描述
世界只因有你
世界只因有你 2017-06-26 10:52:29
0
2
938

vue2.0如何设置 网页标题title 和meta标签里面的 关键字和描述呢?想动态改变,切换路由或者其他情况下,动态改变这三个地方

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

全部回复(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();
})

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!