时间:2021-05-25
基本环境配置: webpack + vue2.0 + vue-router +nodeJS
进入 router 文件夹底下的index.js文件
首先引入:
import Vue from 'vue'import Router from 'vue-router'然后在路由里面配置每个路由的地址:
routes: [ { path: '/', name: 'Entrance', component: Entrance, meta: { title: '首页入口' } }, { path: '/modifyName/:nickName', name: 'modifyName', component: modifyName, meta: { title: '修改昵称' } }, { path: '/goodsDetail', name: 'goodsDetail', component: goodsDetail, meta: { title: '商品详情' } }, { path: '*', component: NotFound, meta: { title: '找不到页面' } } ]在每一个meta里面设置页面的title名字,最后在遍历
router.beforeEach((to, from, next) => { if (to.meta.title) { document.title = to.meta.title } next()})这样就为每一个VUE 的页面添加了title
以上这篇使用vue-router设置每个页面的title方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
今天在实现一个小功能的时候,遇到一个问题,使用vue-router获取上一页面的url信息,我尝试了多种方式,发现使用vue-router的canDeactiv
1.在main.js中导入vue-router和组件importVueRouterfrom'vue-router';//导入vue-router并将它命名为Vu
使用Vue构建的项目,一个页面是由多个组件构成的,而且经常是做成单页面应用,所以在跳转页面的时候,传统的href已经跟不上时代的步伐了,于是vue-router
使用vue-router来实现webapp的页面跳转,有时候需要传递参数,做法如下:参考文献:http://router.vuejs.org/en/named.
未使用懒加载importVuefrom'vue';importRouterfrom'vue-router';importHelloWorldfrom'@comp