WX小程序组件不支持hidden属性（uni-app v-show直接作用在自定义的在组件上不起作用）

文章目录

问题描述
过程分析
问题突破口
结论
代码验证

问题描述

今天在工作中，同事使用uni-app开发，想利用v-show指令实现页面内容切换，结果在微信小程序中，页面的内容全部显示出来了。
看到这个现象，就怀疑 v-show 是否在微信小程序中起作用

过程分析

我自己使用uni-app 已经实现了内容的显示或者隐藏，因此可以确定v-show 是可以作用微信小程序的
微信的组件显示或者不显示，实际上是根据组件的 hidden 属性来决定的，如果为true则不显示，false则显示
看逻辑代码，也是正确的使用了v-show，而且在其他页面也是起作用的

问题突破口

发现代码的 v-show 是写在组件上的，而不是 uni-app 基本组件上
因此我猜测 v-show 只适用基本组件
于是我在组件外面添加了一个 <view> 标签，然后v-show 作用到 <view> 标签上，结果正常的显示
通过调试工具，发现uni-app 会将v-show 的组件添加hidden属性，而在组件中添加hidden属性，不会起作用

结论

v-show 是动态的给组件添加hidden属性，如果为true则不显示，false则显示
给自定义组件添加hidden属性，则不会显示或隐藏

代码验证

<view><text>pages/wccomp/wxComponentPage.wxml</text>
</view>
<view><view hidden="true">测试hidden 不显示</view><first-component id="mycomp" hidden='{{hideComp}}'/><first-component id="mycomp" hidden='true'/><first-component id="mycomp" />
</view>

hidden为true,基本组件不显示
hidden为true,自定义组件显示

WX小程序组件不支持hidden属性（uni-app v-show直接作用在自定义的在组件上不起作用）相关推荐

wx小程序笔记（2）
wx小程序笔记第三章:常用组件第一节:scroll-view组件 view: scroll-view: 设置横向滚动: 设置竖向滚动: scrolltoupper和scrolltolower事件: ...
wx小程序笔记（1）
wx小程序笔记第一章:小程序前奏第一节:账号和软件第二章:小程序基础第一节:项目结构第二节:配置第三节:WXML语法数据绑定(js数据) 条件渲染(判断) 列表渲染(循环) wx:key ...
uni app input添加获取验证码按钮_uni-app跨平台框架对微信小程序的无障碍支持探索...
uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS.Android.H5.以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝).快应用等多个平台. ...
fiddler设置中文版本_突破安卓7.0以上版本WX小程序抓包篇
工作上经常需要使用brupsuite抓取APP和WX小程序的包,所以会在安卓上安装burp的证书.但是你会发现安卓7.0之后有了network-security-config这个选项,可以让app只信 ...
微信小程序的如何使用全局属性 —— 微信小程序教程系列（5）
微信小程序提供了app.js文件,用于放置一些全局的函数和全局的属性. 一般情况下,我都会把一些常用的函数和属性写在app.js文件内,这样不用在页面之间传值,或者不用重复加载. 下面以全局属性为例 ...
小程序Promise不支持finally解决方案
小程序Promise不支持finally解决方案代码片段点击链接即可在微信开发者工具中查看代码wechatide://minicode/t2eidemj7P3X git地址基本思路小程序的Pr ...
新版短视频去水印小程序源码支持多家短视频平台去水印
环境要求: 环境推荐 Linux + 宝塔面板 + Nginx + php5.6 此源码必须安装在一级目录,不支持二级目录使用条件:备案域名(不支持IP) 程序亲测可用以去除授权,文件全开源,可二 ...
wx小程序，前端公众号推送消息
wx小程序,前端引导用户关注公众号推送消息第一步: 在小程序登录后,请求后台得到返回是否关注公众号字段(如果有关注后台是有unionID的),将该字段存入storage中,在首页处拿来判断显隐' 引 ...
强大的装逼,表白,炫富,恶搞短视频制作神器微信小程序源码支持多种流量主
大家好给大家带来一款强大的微信小程序源码该源码是属于制作短视频类型的支持一键制作成各种短视频,比如装逼,表白,炫富,恶搞-..等等里面拥有各种各样的模板,和抖音一键制作视频一个道理另外里面小编 ...

WX小程序组件不支持hidden属性（uni-app v-show直接作用在自定义的在组件上不起作用）

文章目录

问题描述

过程分析

问题突破口

结论

代码验证

WX小程序组件不支持hidden属性（uni-app v-show直接作用在自定义的在组件上不起作用）相关推荐

最新文章

热门文章