javascript - vue2.0如何设置 网页标题 关键字 描述
问题描述
vue2.0如何设置 网页标题title 和meta标签里面的 关键字和描述呢?想动态改变,切换路由或者其他情况下,动态改变这三个地方
问题解答
回答1:在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’)})回答2:
入口文件 的 基本标签都是可以被操作的 你可以在 Router router.beforeEach((to, from, next) => {//这里操作DOM // .../* console.log(to); console.log(from);*/ next();})
相关文章:
1. angular.js - AngularJS点击搜索,实现数据变化,不通过重新请求接口的方法2. angular.js - ionic+angular 滚动加载问题(上拉)3. angular.js - angularJs ngRoute怎么在路由传递空字符串及用ng-switch取得4. angular.js - angular怎么实现滑动切换页面,具体效果同每日优鲜首页。5. angular.js - 关于ui-sref地址栏缺省的问题6. angular.js - angularjs 与requirejs集成7. angular.js - angular ng-model中输入中文不更新,再添加数字、字母或空格,就可以绑定了8. angular.js - angular ng-repeat通过数值的大小从小到大排序9. git - hexo怎么创建无模板的静态html?10. 声明闭包为啥要这么样