vuejs 动态设置微信标题 directive 版

3,805 阅读1分钟

作用

Vuejs 单页应用在iOS的微信webview(或者其他APP)中 标题不能通过 document.title = xxx 的方式修改 该插件只为解决该问题而生

效果 (请使用微信扫描打开体验)

预览

直接打开: vue-wechat-title.deboy.cn/

安装

npm install vue-wechat-title --save

用法 demo

ES6

main.js

Vue.use(require('vue-wechat-title'))

App.vue 建议全局只使用一次该指令 标题可用wuex或者router中定义 不要多处使用!!

<router-view v-wechat-title="$route.title || 'your-title'"></router-view>
<!-- 或者任意元素中加 v-wechat-title 指令 建议将标题放在 route 的定义中 -->
<div v-wechat-title="$route.title || 'your-title'"></div>

欢迎提交PR