vue 微信h5改变页面标题

时间：2021-09-04 00:09:13 阅读：32 评论：0 收藏：0 [点我收藏+]

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

以上.....

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

踩

(0)

评论一句话评论（0）

分享档案

更多>