smartbug
smartbug
  • 发布:2020-05-03 18:01
  • 更新:2021-08-24 12:39
  • 阅读:2434

【报Bug】v-show 在小程序中失效

分类:uni-app

详细问题描述

v-show 在小程序中失效, 在H5中正常
v-if正常
[内容]
通过v-show控制组件的显示, H5中正常, 小程序无效

重现步骤

[步骤]
在嵌入的组件中采用v-show来控制显示

[结果]
小程序中无法隐藏期望的组件
[期望]
可控制组件的显示与隐藏

[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]
Hbuilder x 2.6.16 + 微信开发者工具 1.02.1911180
[windows版本号]
win 10

uni-app运行环境说明

[运行端是h5或app或某个小程序?]
微信小程序
[运行端版本号]
2.11.0
[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]
HBuilderX
[编译模式说明:自定义组件模式?纯nvue模式?v3模式?]
v3
[可重现代码片段]

template中

  <m-noteform :note="item.notes[0]" v-show="currentnote ==0" />  
  <m-noteform :note="item.notes[1]" v-show="currentnote ==1" />  

data中
return {
....
currentnote:0
.....
}

2020-05-03 18:01 负责人:无 分享
已邀请:
7***@qq.com

7***@qq.com - www.evenfs.cn

v-show本身应该是给display设置none属性来控制元素的隐藏,那么这就出现另一个问题,就是当你同样设置了display的属性是flex的时候,应该是产生了冲突。
所以你要么把原本的display:flex 去掉,要么就改用v-if

该问题目前已经被锁定, 无法添加新回复