vue 微信h5改变页面标题

bigao • • 微信开发技术 • 30 阅读

1，在vscode终端下载安装vue-wechat-title:

npm install vue-wechat-title

2，在main.js全局引入

import vueWechatTitle from ‘vue-wechat-title‘
Vue.use(vueWechatTitle)

3，在router路由中配置标题

{
path: ‘/login‘,
name: ‘login‘,
component: login,
meta:{
title:‘啦啦啦我是卖报的小行家‘
}
},

4，根据自己的情况进行配置添加

在页面直接添加

<div class=‘login‘ v-wechat-title="$route.meta.title">
内容......
</div>

动态的传参改变标题

<div class=‘login‘ v-wechat-title="$route.meta.title={title}">
内容......
</div>

直接在app.vue里全局使用标题

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

以上.....

vue 微信h5改变页面标题

原文：https://www.cnblogs.com/whenwei123/p/15221853.html

以上是vue 微信h5改变页面标题的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>