picker选项中右括号显示问题
发布于 7 年前 作者 ptao 11589 次浏览 来自 问答
  • 需求的场景描述(希望解决的问题)

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,请教大家有解决方法么~

感谢。

4 回复

解决了解决了,自己挖坑了,设置了右对齐rtl的时候会出现最后一个符号错位的情况,我这个页面是从html改写的,忽略了这个问题,html中,可以通过在最后加&#x200E来解决,小程序中不行。

不用rtl,换一种对齐方式试试

谢谢大家~

测试没有复现你所描述的问题

会不会是你的“>”层级太高,把文字挡住了?

代码全部贴出来看看?我这没问题

回到顶部