- 需求的场景描述(希望解决的问题)
picker选项中含有右括号的情况下,选中后展示错位
代码如下:
wxml:
<picker bindchange=“bindfamilyStatusChange” value="{{familyStatus[familyStatusIndex].value}}" range="{{familyStatus}}" range-key=“text”>
<view class=“picker”>
{{familyStatus[familyStatusIndex].text}}
</view>
</picker>
js:
data:{
familyStatus: [{ value: ‘A’, text: ‘单身贵族’ }, { value: ‘B’, text: ‘二人世界’ }, { value: ‘C’, text:‘三口之家(及以上)’}],
familyStatusIndex:0,
},
bindfamilyStatusChange: function (e) {
this.setData({
familyStatusIndex: e.detail.value
})
},
- 希望提供的能力
html里可以通过在<option>里添加’‎’解决:
<option value=“C”>三口之家(及以上)‎</option>
试过小程序中没有work,请教大家有解决方法么~
感谢。