avm 的v-show 存在 与样式冲突问题

C-Chicken

avm 的v-show 存在 与样式冲突问题，就是当吧元素 水平排列的时候，v-show 就不生效了

下面是复现代码，当把 bug-style 删除后，v-show 就能正常生效

1. <template>
   
2.         <view class="list-box-1">
   
3.                 <view v-show="list_3.length > 0" class="bug-style">
   
4.                         <text>应该隐藏</text>
   
5.                 </view>
   
6.         </view>
   
7. </template>
   
8. <script>
   
9. export default {
   
10.         name: "test",
    
11.         apiready() {},
    
12.         data() {
    
13.                 return {
    
14.                         list_3: [],
    
15.                 }
    
16.         },
    
17.         methods: {
    
18.         },
    
19. }
    
20. </script>
    
21. 
    
22. <style>
    
23. .bug-style {
    
24.         display: flex;
    
25.         flex-flow: row;
    
26. }
    
27. .list-box-1 {
    
28.         width: 100%;
    
29.         margin-top: 30px;
    
30.         height: 100px;
    
31. }
    
32. </style>
    

复制代码

技术咨询-特特

安卓还是ios

C-Chicken

ios 没有测试，安卓 ， 系统7.1.2 ， 机型 vivo x9i

特特法爷 · 2021-12-22 16:13安卓还是ios

技术咨询-特特

等下，我让开发在帖子里回复一下你

常山赵子云

可以先把  display: flex; 去掉，avm中所有元素布局默认都是flex，不需要特别声明。这个可能造成与v-show冲突了。

C-Chicken

好的，大佬

常山赵子云 · 2021-12-22 19:16可以先把  display: flex; 去掉，avm中所有元素布局默认都是flex，不需要特别声明。这个可能造成与v-show冲突了。