在线直播源码，H5中动态设置标题（vue-wechat-title）

在线直播源码，H5中动态设置标题（vue-wechat-title）

1、安装包 vue-wechat-title

 

1	<br>npm install vue-wechat-title --save

​

2、在 main.js 中引入

 

        == 两种引入方法

 

1	<br>// 第一种<br>import VueWechatTitle from 'vue-wechat-title'<br>Vue.use(VueWechatTitle)<br> <br>// 第二种<br>Vue.use(require('vue-wechat-title'))

 

3、在路由中的 meta 中添加 title 属性记录标题的名字

 

1

<br>{<br>    path: '/Health_platform',<br>    name: 'Health_platform',<br>    component: () =><br>        import ('../views/article/Health_platform.vue'),<br>    meta: {<br>        title: '健康管理平台',<br>        keepAlive: true,<br>    },<br>},<br>{ <br>    path: '/new_login',<br>    name: 'new_login',<br>    component: () =><br>        import ('../views/new_user/new_login.vue'),<br>    meta: {<br>        title: '登录',<br>        keepAlive: true<br>    },<br>},

 

4、在 vue 文件中使用

 

1	<br><div v-wechat-title="$route.meta.title"></div><br>或者<br><router-view v-wechat-title="$route.meta.title"></router-view>

 

以上就是 在线直播源码，H5中动态设置标题（vue-wechat-title），更多内容欢迎关注之后的文章