樓主最近在微信公眾號H5頁面，剛好遇到了這個問題，以此記錄下

第一次寫好緊張，謝謝各位的支持！

本人的開發環境是vue-cli2創建的項目，由于是vue的項目，所以每個頁面的標題設置就成了問題，剛度娘和谷歌了下，發現以下方法可用，大部分也是引用各位前輩的，具體操作如下

1，安裝依賴

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，路由中設置

{path: '/home',component: home,meta: {title: “首頁”, //標題}} 復制代碼

4，app.vue設置v-wechat-title="$route.meta.title"

<!-- 任意元素中加 v-wechat-title 指令 建議將標題放在 route 對應meta對象的定義中 --> <div v-wechat-title="$route.meta.title"></div> <!--or--> <router-view v-wechat-title="$route.meta.title"></router-view> <!-- 自定義加載的圖片地址 默認 ./favicon.ico 相對路徑和絕對路徑都可以 --> --------------------- 復制代碼

引用原文：blog.csdn.net/weixin_4212…

總結

以上是生活随笔為你收集整理的如何在微信中(微信公众号页面)给Vue单页应用设置标题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。