vue 微信h5改变页面标题

2023-10-13 08:11:40

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">

以上.....

码农公寓