vue如何设置网站标题（每个页面标题单独设置）

vue如何设置网站标题，如何实现每个页面标题单独设置？下面web建站小编给大家详细介绍一下实现代码！

1、安装脚手架

npm install vue-wechat-title --save

2、在main.js中引入

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

3、页面引入

<router-view v-wechat-title='$route.meta.title'></router-view>

//图片也可以引入
<p v-wechat-title="$route.meta.title" img-set="/static/logo.png"></p>

4、设置路由

routes:[
{
  path: '/',
  name: 'index',
  component: index,
  meta: {
    title: '首页'   // 标题设置
  }
},
]

vuejs如何动态修改浏览器title

标签： vue-wechat-title, 设置标题

上面是“vue如何设置网站标题（每个页面标题单独设置）”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_3027.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！