详细问题描述
(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)
[内容]
代码如下
<view class="uni-form-item uni-column">
<view class="title"><span style="color: red;">*</span>账单类型:</view>
<view class="uni-list">
<view class="uni-list-cell">
<view class="uni-list-cell-db">
<picker mode="selector" @change="bindPickerChange1"
:value="index1"
:range="payTypeMappings"
:range-key="name" name="payType">
<view class="uni-input">{{payTypeMappings[index1].name}}</view>
</picker>
</view>
</view>
</view>
</view>
数据如下:
data() {
return {
index1: 0,
payTypeMappings: [{"code":"1","name":"电费"},{"code":"2","name":"水费"}]
}
}
IDE运行环境说明
[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]
HBuilderX -- 2.0.1.20190614
微信小程序出现此bug
5 个回复
[已删除] (作者)
<view class="uni-input">{{payTypeMappings[index1].name}}</view>
</picker>
[已删除] (作者)
这个是小程序端展示的效果
沫沫金 - 全栈工程师/技术经理
太牛了,要> 增加一个引号,解决下拉选项自定义值问题。
f***@163.com
你把 range-key 前边的冒号去掉 就不用加引号了。
沫沫金 - 全栈工程师/技术经理
感谢,学习了