小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 需求的场景描述(希望解决的问题)
老板需要在循环中默认将一部分组件隐藏,当改变循环列表中的某一项值的时候使隐藏的组件满足条件显示,,再次改变当前值的时候该组件不满足条件隐藏
- 希望提供的能力
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
不太明白你要隐藏的是整个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>
当选择物品尺寸的时候,会把当前选择的值存放在一个数组,然后判断当前数组的对应值是否符合条件,控制显示隐藏
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
不太明白你要隐藏的是整个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}}"
>
<view
class
=
"picker"
>
当前选择:{{itemSize==[]?array2[index2]:itemSize[index].size}}
</view>
</picker>
</view>
<view>
<
label
>物品类型:</
label
>
<picker bindchange=
"bindPickerChange"
data-num=
'{{index}}'
value=
"{{index}}"
range=
"{{array}}"
>
<view
class
=
"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}}"
>
<view
class
=
"picker"
>
当前选择:{{array3[index3]==
''
?
'暂无'
:array3[index3]}}
</view>
</picker>
</view>
<view wx:
if
=
"{{itemSize[index]=='小件(30x30x30cm)'&&itemSize[index]=='中件(50x50x30cm)'}}"
>
<
label
>物品重量:</
label
>
<view
class
=
'weight'
>
<view>
<input bindinput=
'weight'
data-num=
'{{index}}'
value=
'{{weight}}'
class
=
''
></input>
</view>
<text>单位/KG</text>
</view>
</view>
</view>
当选择物品尺寸的时候,会把当前选择的值存放在一个数组,然后判断当前数组的对应值是否符合条件,控制显示隐藏