码迷,mamicode.com
首页 > 其他好文 > 详细

Vue在H5上修改标题

时间:2021-01-12 10:49:42      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:img   att   router   app   inf   rom   hat   安装   nbsp   

1.先安装一个插件:

    npm install vue-wechat-title

2.在mian.js 中引入以下代码:

    import vueWechatTitle from "vue-wechat-title";

    Vue.use(vueWechatTitle);

3.在App.vue中的<router-view>中使用以下代码:

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

技术图片

 

4.在需要title的路由中添加以下代码:

meta: { title: "首页" }

技术图片

Vue在H5上修改标题

标签:img   att   router   app   inf   rom   hat   安装   nbsp   

原文地址:https://www.cnblogs.com/zhang-DaChong/p/14255801.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!