deboyblog / Vue Wechat Title
Licence: mit
为Vuejs设计的动态设置微信网页中标题的指令
Stars: ✭ 367
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Vue Wechat Title
Vue Match Heights
Vue plugin to match the height of elements
Stars: ✭ 50 (-86.38%)
Mutual labels: plugin, directive
V Track
🕹 A manual tracking decoupling plugin based on Vue directive / 一个基于Vue指令实现的埋点解耦插件~
Stars: ✭ 277 (-24.52%)
Mutual labels: plugin, directive
Wechatplugin Macos
No description or website provided.
Stars: ✭ 13,280 (+3518.53%)
Mutual labels: plugin, wechat
Miaow
A set of plugins for Sketch include drawing links & marks, UI Kit & Color sync, font & text replacing.
Stars: ✭ 2,536 (+591.01%)
Mutual labels: plugin, wechat
Flutter photo
Pick image/video from album by flutter. Support ios and android. UI by flutter, no native.
Stars: ✭ 285 (-22.34%)
Mutual labels: plugin, wechat
Keepass Yet Another Favicon Downloader
Yet Another Favicon Downloader for KeePass 2.x
Stars: ✭ 354 (-3.54%)
Mutual labels: plugin
Angular Tutorial
🐰Some of the angular tutorial - 《Angular学习笔记》
Stars: ✭ 342 (-6.81%)
Mutual labels: directive
Lemonjournal
A WeChat mini program demo based on Wafer2 framework - 微信小程序Demo:柠檬手帐 - 界面简洁的图片编辑应用,支持图片和文字的移动、旋转、缩放、保存编辑状态并生成预览图
Stars: ✭ 341 (-7.08%)
Mutual labels: wechat
Androidlocalizeplugin
🌏 Android localization plugin. support multiple languages, no need to apply for key.
Stars: ✭ 352 (-4.09%)
Mutual labels: plugin
Angular Tooltips
Angularjs tooltips module, add tooltips to your elements - https://720kb.github.io/angular-tooltips
Stars: ✭ 357 (-2.72%)
Mutual labels: directive
Wechatyunchart
微信多开多账号机器人 云客服系统 微商营销 系统web协议一键登录 非公众号微信机器人微信群管家 微信自动回复 微信定时发送消息 微信多账号登录 微信网页版本协议多开 一键登录 红包数量提醒 微信用户识别男女签名备注地理位置等,群发 自动发消息 定时发消息 群消息监控 机器人回复 ,定时回复,超时回复 聊天记录保存,聊天记录查看
Stars: ✭ 357 (-2.72%)
Mutual labels: wechat
Lykchat
便捷、稳定(7*24不间断服务)、安全、支持发送多媒体的信息发送系统,为系统管理人员提供一个基于个人微信号的信息发送工具。
Stars: ✭ 353 (-3.81%)
Mutual labels: wechat
Apkmultichannelplugin
[Deprecated] 🚀 Android 多渠道打包的 Android Studio / IDEA 插件
Stars: ✭ 352 (-4.09%)
Mutual labels: plugin
作用
Vuejs 单页应用在iOS系统下部分APP的webview中 标题不能通过 document.title = xxx 的方式修改 该插件只为解决该问题而生(兼容安卓)
已测试APP
- 微信
- 支付宝
- 淘宝
效果 (请使用以上列表中任意一个APP扫码打开体验)
不同版本使用方法类似 但是效果是一样的 demo是Vuejs1.x写的
直接打开: http://vue-wechat-title.deboy.cn/
安装
Vuejs 1.x
npm install [email protected] --save
Vuejs 2.x
npm install vue-wechat-title --save
用法
ES6
main.js
Vue.use(require('vue-wechat-title'))
路由定义(只截取一部分)
// ...
const routes = [
{
name: 'Home',
path: '/home',
meta: {
title: '首页'
},
component: require('../views/Home.vue')
},
{
name: 'Order',
path: '/order',
meta: {
title: '订单'
},
component: require('../views/Order.vue')
},
{
name: 'UCenter',
path: '/ucenter',
meta: {
title: '用户中心'
},
component: require('../views/UCenter.vue')
}
]
// ...
App.vue 建议全局只使用一次该指令 标题可用vuex或者router中定义 不要多处使用!!
<!-- 任意元素中加 v-wechat-title 指令 建议将标题放在 route 对应meta对象的定义中 -->
<div v-wechat-title="$route.meta.title"></div>
<!--or-->
<router-view v-wechat-title="$route.meta.title"></router-view>
自定义加载的图片地址,默认是一个空的base64图片地址,可以是相对或者绝对的,注意如果要在支付宝App内使用必须传,建议传favicon地址 如:/favicon.ico
<div v-wechat-title="$route.meta.title" img-set="/static/logo.png"></div>
欢迎提交PR
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].