Skip to content

Commit

Permalink
新增预览地址
Browse files Browse the repository at this point in the history
  • Loading branch information
deboyblog committed Jan 5, 2017
1 parent 18f72d8 commit f076287
Show file tree
Hide file tree
Showing 2 changed files with 11 additions and 6 deletions.
17 changes: 11 additions & 6 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,12 @@
# vue-wechat-title
为Vuejs SPA设计的动态设置微信网页中标题的指令
### 作用
Vuejs 单页应用在iOS的微信webview(或者其他APP)中 标题不能通过 document.title = xxx 的方式修改
该插件只为解决该问题而生

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

![预览](./preview.png)

直接打开: [http://vue-wechat-title.deboy.cn/](http://vue-wechat-title.deboy.cn/)

### 安装

Expand All @@ -16,14 +23,12 @@ npm install vue-wechat-title --save
Vue.use(require('vue-wechat-title'))
```

> App.vue **建议全局只使用一次该指令**
> App.vue **建议全局只使用一次该指令 标题可用wuex或者router中定义 不要多处使用!!**
```html
<router-view v-wechat-title="$route.title || 'your-title'"></router-view>
<!-- 或者任意元素中加 wechat-title 指令 建议将标题放在 route 的定义中 -->
<!-- 或者任意元素中加 v-wechat-title 指令 建议将标题放在 route 的定义中 -->
<div v-wechat-title="$route.title || 'your-title'"></div>
```

> 或者直接包含(不是单页应用 也用不到这个...)
### 欢迎提交PR
Binary file added preview.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit f076287

Please sign in to comment.