vue3.0动态设置title

1.安装vue-wechat-title

2.引用插件,在main.js中,首先import然后再use即可,具体代码如下:

import Vue from 'vue'
import VueWechatTitle from 'vue-wechat-title'
Vue.use(VueWechatTitle)

3.在路由的配置文件router.js里面配置我们想要的页面标题,meta:{title:'你想要设置的title名字'}代码示例如下:

export default new Router({
    routes: [
        {path: '/', name: '/Index', component: Index,meta:{title:'围城少年'}},
        {path: '/Register', name: '/Register', component: Register,meta:{title:'登陆/注册'}},
    ]
})

4.最后一步,在页面加入v-wechat-title="$route.meta.title" 即可


你可能感兴趣的:(vue)