Vue Spa切换页面时更改标题的实例代码
作者: / 2019-07-31 / 浏览次数:

在vue组件化开发过程中,因为是单页面开发,但是有时候需要页面的凯发k8国际下载title根据情况改变,于是上网查了一下,各种说法花里胡哨, 于是想到一个黑科技 documet.title="___";

随便创建一个项目,在独立的模块中,created在钩子函数启动之后document.title='标题'; 但是据说在ios的微信下是无效的,虽然用苹果机测试过有用,但是想到这样会影响我的代码洁癖。

 script 
export default {
 data{
 return{
 created{
 document.title="首页"
 /script 

于是在github上找到一个好用的东西

通过 npm install vue-wechat-title  安装

引入需要的vue-router与页面需要的组件之后

const router = new vuerouter); //实例化参数

在组件中顶部添加一段 div v-wechat-title="$route.meta.title" /div


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持萬仟网。

【某某业务】网站建设、网站设计、服务器空间租售、网站维护、网站托管、网站优化、百度推广、自媒体营销、微信公众号
如有意向---联系我们
热门栏目
热门资讯

网站建设 网站托管 成功案例 新闻动态 关于我们 联系我们 服务器空间 加盟合作 网站优化

备案号: 

公司地址:江苏省南京市玄武区玄武湖 咨询QQ:9490489 手机: 电话: