博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue动态修改title
阅读量:5238 次
发布时间:2019-06-14

本文共 443 字,大约阅读时间需要 1 分钟。

1、项目中,cmd下 ,运行:cnpm install vue-wechat-title --save

2、在 main.js 中,设置:

import VueWechatTitle from 'vue-wechat-title'; 

Vue.use(VueWechatTitle)

3、在router / index.js 中,设置:

{

  path: '/Home',
  name: 'Home',
  component: Home,
  meta: {
    title: 'Home'  //此处为要修改的 title 名称,浏览器目前的标题显示:Home
  }
}

4、在app.vue中,添加组件:

<router-view v-wechat-title="$route.meta.title"></router-view>

此上,就可以自动修改浏览器标题了

转载于:https://www.cnblogs.com/moguzi12345/p/9929603.html

你可能感兴趣的文章
UVALive - 3635 - Pie(二分)
查看>>
集合类List,set,Map 的遍历方法,用法和区别
查看>>
Scala入门系列(十):函数式编程之集合操作
查看>>
pulseaudio的交叉编译
查看>>
Cracking The Coding Interview 1.1
查看>>
vb.net 浏览文件夹读取指定文件夹下的csv文件 并验证,显示错误信息
查看>>
NetworkInterface的使用
查看>>
元素自动居中显示
查看>>
JDBC 时间处理
查看>>
hadopp 环境搭建
查看>>
【2018】听懂你能看懂的句子
查看>>
mybatis源代码分析:深入了解mybatis延迟加载机制
查看>>
Flask三剑客
查看>>
Hibernate-缓存
查看>>
【BZOJ4516】生成魔咒(后缀自动机)
查看>>
【BZOJ3052】【UOJ#58】【WC2013】糖果公园(树上莫队)
查看>>
荷兰国旗问题
查看>>
Process 启动参数问题
查看>>
提高PHP性能的10条建议
查看>>
我,不会吵,不会闹,心痛了用沉默代替
查看>>