目的:vue改变 title。
分两种情况,
第一种你事先已经定义好了 title,比如 首页 啊什么的,
第二种,是你无法确认的,比如一个看文章的页面,这个 title 就是文章的标题,你事先无法知道用户获取的是那个文章。
第一种:
1-1、首先我们需要给路由设置 title
1-2、在main.js 文件写入下面的代码
// 根据路由设置标题
router.beforeEach((to, from, next) => {
/*路由发生改变修改页面的title */
if(to.meta.title) {
document.title = to.meta.title
}
next();
})
第二种:
2-1、安装一个插件 (没有安装 cnpm 可以使用npm)
cnpm install vue-wechat-title --save
2-2、配置 main.js
2-3、在你需要改变的页面 第一个div 上加上v-wechat-title="this.title", title 是下面再 data 里面定义的数据.
2-4、动态的改变 title