線上直播原始碼，H5中動態設定標題（vue-wechat-title）

線上直播原始碼，H5中動態設定標題（vue-wechat-title）

1、安裝包 vue-wechat-title

npm install vue-wechat-title --save

2、在 main.js 中引入

        == 兩種引入方法

// 第一種
import VueWechatTitle from 'vue-wechat-title'
Vue.use(VueWechatTitle)
 
// 第二種
Vue.use(require('vue-wechat-title'))

3、在路由中的 meta 中新增 title 屬性記錄標題的名字

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

4、在 vue 檔案中使用

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

以上就是 線上直播原始碼，H5中動態設定標題（vue-wechat-title），更多內容歡迎關注之後的文章