[已删除]
[已删除]
  • 发布:2019-07-03 11:01
  • 更新:2020-08-27 15:32
  • 阅读:2480

【报Bug】picker组件使用range-key时,数据展示异常

分类:uni-app

详细问题描述

(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

2019-07-03 11:01 负责人:无 分享
已邀请:
[已删除]

[已删除] (作者)

已经找到问题了 range-key 写法有点坑 还需要再加一个单引号 <picker mode="selector" @change="bindPickerChange1" value="index1" range="payTypeMappings" :range-key="'name'" name="payType">
<view class="uni-input">{{payTypeMappings[index1].name}}</view>
</picker>
[已删除]

[已删除] (作者)

这个是小程序端展示的效果

沫沫金

沫沫金 - 全栈工程师/技术经理

太牛了,要> 增加一个引号,解决下拉选项自定义值问题。

f***@163.com

f***@163.com

你把 range-key 前边的冒号去掉 就不用加引号了。

沫沫金

沫沫金 - 全栈工程师/技术经理

感谢,学习了

该问题目前已经被锁定, 无法添加新回复