自定义组件使用v-show标签,将项目发行为微信小程序分包,放入微信原生项目中。
- 发布:2023-03-14 16:54
 - 更新:2023-03-16 10:31
 - 阅读:1270
 
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Windows11
HBuilderX类型: 正式
HBuilderX版本号: 3.7.3
第三方开发者工具版本号: 1.06.2301160
基础库版本号: 2.28.0
项目创建方式: HBuilderX
操作步骤:
                                    
                                         
                                
                                                                                                预期结果:
                                    
                                    
                                        v-show为false时,自定义组件隐藏
                                     
                                
                                                                                                v-show为false时,自定义组件隐藏
实际结果:
                                    
                                    
                                        v-show为false时,自定义组件没有隐藏
                                     
                                
                                                            v-show为false时,自定义组件没有隐藏
bug描述:
将uniapp项目发行为微信小程序分包后,自定义组件上使用v-show无效,值为false时,元素不能隐藏,直接运行时有效。uniapp内置组件无异常。
经过我的排查,自定义组件使用data-custom-hidden="true"实现隐藏和显示,直接运行时,编译生成的代码有app.wxss文件,其中有样式:
[data-custom-hidden="true"],[bind-data-custom-hidden="true"]{  
display: none !important;  
}
但是打包为分包时,不存在app.wxss文件,导致隐藏无效。
            
            
            
            
EthanZhu (作者)
你好,测试工程已经上传了,经过我的进一步测试,只有自定义组件才有此问题
2023-03-16 09:13