小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 需求的场景描述（希望解决的问题）
老板需要在循环中默认将一部分组件隐藏，当改变循环列表中的某一项值的时候使隐藏的组件满足条件显示，，再次改变当前值的时候该组件不满足条件隐藏
- 希望提供的能力
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
用wx:if可以实现的
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
不太明白你要隐藏的是整个picker还是里面渲染的某个值
就是想动态的去隐藏循环列表内的某一项，通过改变列表内指定的值，从而去判断列表内的另一项的显示隐藏，比如我现在循环一个订单信息列表，订单的物品尺寸默认是小/中件，这个时候物品的重量以及交通工具 的选项都是隐藏的取后台默认值，但是当选择物品的尺寸是大件等其他值的时候，物品重量以及交通工具等选项要显示出来以供选择；
现有的wx:if可以实现啊
我现在的问题是在改变对应项的值后，判断条件内的值不能实时更新！没想出来咋去实现
代码贴出来
<view wx:
for
=
"{{importOrder}}"
wx:key=
'item'
wx:
-index=
'index'
>
<view>
<
label
>收件人：</
<input disabled value=
'{{item.receiver.name}}'
></input>
</view>
>电话：</
<input disabled type=
'number'
value=
'{{item.receiver.phonenumber}}'
>收件地址：</
'{{item.receiver.addressName}}'
>详细地址：</
'{{item.receiver.addressDetail}}'
>物品名称：</
<input bindinput=
"article"
placeholder=
'非必填'
>物品尺寸：</
<text>{{itemSize[index]==
'小件(30x30x30cm)'
&&itemSize[index]==
'中件(50x50x30cm)'
}}</text>
<text>{{itemSize[index].size}}</text>
<picker bindchange=
"bindPickerChange2"
data-num=
'{{index}}'
"{{index2}}"
range=
"{{array2}}"
<view
class
"picker"
当前选择：{{itemSize==[]?array2[index2]:itemSize[index].size}}
</picker>
>物品类型：</
"bindPickerChange"
"{{index}}"
"{{array}}"
当前选择：{{array[index0]==
''
?
'暂无'
:array[index0]}}
if
"{{itemSize[index]=='小件(30x30x30cm)'&&itemSize[index]=='中件(50x50x30cm)'}}"
>交通工具：</
"bindPickerChange3"
"{{index3}}"
"{{array3}}"
当前选择：{{array3[index3]==
:array3[index3]}}
>物品重量：</
'weight'
'{{weight}}'
<text>单位/KG</text>
当选择物品尺寸的时候，会把当前选择的值存放在一个数组，然后判断当前数组的对应值是否符合条件，控制显示隐藏
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
用wx:if可以实现的
不太明白你要隐藏的是整个picker还是里面渲染的某个值
就是想动态的去隐藏循环列表内的某一项，通过改变列表内指定的值，从而去判断列表内的另一项的显示隐藏，比如我现在循环一个订单信息列表，订单的物品尺寸默认是小/中件，这个时候物品的重量以及交通工具 的选项都是隐藏的取后台默认值，但是当选择物品的尺寸是大件等其他值的时候，物品重量以及交通工具等选项要显示出来以供选择；
现有的wx:if可以实现啊
我现在的问题是在改变对应项的值后，判断条件内的值不能实时更新！没想出来咋去实现
代码贴出来
<view wx:for="{{importOrder}}"wx:key='item'wx:for-index='index'><view><label>收件人：</label><input disabled value='{{item.receiver.name}}'></input></view><view><label>电话：</label><input disabled type='number'value='{{item.receiver.phonenumber}}'></input></view><view><label>收件地址：</label><input disabled value='{{item.receiver.addressName}}'></input></view><view><label>详细地址：</label><input disabled value='{{item.receiver.addressDetail}}'></input></view><view><label>物品名称：</label><input bindinput="article"placeholder='非必填'></input></view><view><label>物品尺寸：</label><text>{{itemSize[index]=='小件(30x30x30cm)'&&itemSize[index]=='中件(50x50x30cm)'}}</text><text>{{itemSize[index].size}}</text><picker bindchange="bindPickerChange2"data-num='{{index}}'value="{{index2}}"range="{{array2}}"><viewclass="picker">当前选择：{{itemSize==[]?array2[index2]:itemSize[index].size}}</view></picker></view><view><label>物品类型：</label><picker bindchange="bindPickerChange"data-num='{{index}}'value="{{index}}"range="{{array}}"><viewclass="picker">当前选择：{{array[index0]==''?'暂无':array[index0]}}</view></picker></view><view wx:if="{{itemSize[index]=='小件(30x30x30cm)'&&itemSize[index]=='中件(50x50x30cm)'}}"><label>交通工具：</label><picker bindchange="bindPickerChange3"value="{{index3}}"range="{{array3}}"><viewclass="picker">当前选择：{{array3[index3]==''?'暂无':array3[index3]}}</view></picker></view><view wx:if="{{itemSize[index]=='小件(30x30x30cm)'&&itemSize[index]=='中件(50x50x30cm)'}}"><label>物品重量：</label><viewclass='weight'><view><input bindinput='weight'data-num='{{index}}'value='{{weight}}'class=''></input></view><text>单位/KG</text></view></view></view>当选择物品尺寸的时候，会把当前选择的值存放在一个数组，然后判断当前数组的对应值是否符合条件，控制显示隐藏