- 需求的场景描述（希望解决的问题）

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>里添加'&#x200E'解决：

<option value="C">三口之家（及以上）&#x200E</option>

试过小程序中没有work，请教大家有解决方法么~

感谢。