更新记录
1.1.1(2022-11-11) 下载此版本
修复 uni-app 3.6.3 以上元素隐藏后无法显示的问题
1.1.0(2021-02-02) 下载此版本
修复 uni-app 3.1+ 版本 margin 失效的问题
1.0.1(2020-12-14) 下载此版本
修复隐藏状态 margin 仍然显示的问题
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
weex v-show
用于支持 weex 环境内的 v-show 指令
支持环境
- 普通 weex 项目
- uni-app 项目 nvue 页面
使用方式
NPM
npm i weex-v-show --save
import vShow from 'weex-v-show'
// #ifdef APP-NVUE
Vue.directive('show', vShow)
// #endif
直接下载
// 以下路径需根据项目实际情况填写
import vShow from '../../js/weex-v-show.js'
// #ifdef APP-NVUE
Vue.directive('show', vShow)
// #endif
原理及限制
- 由于 weex 不支持设置 display 样式,本插件通过切换元素其他样式来实现;
- 部分情况下导致隐藏不彻底,可以尝试自行调整插件内切换的样式;
- 如遇隐藏后无法显示,请给元素显式的设置宽高;