首页 > 移动平台 > 详细

uni-app中picker组件的一个坑

时间:2019-08-30 09:29:15      阅读:1033      评论:0      收藏:0      [点我收藏+]

这里直接贴出代码

<view class="goods-info-add fl-sw">
      <view>运费模板:</view>
            <view>
                 <picker mode="selector" :value="index3" :range-key="Name" :range="expressTemplate" @change="expressTemplateChange">
                      <view>{{expressTemplate[index3].Name}}</view>
                 </picker>
           </view>
</view>

根据官方文档这看起来是一段很正常的写法,但这里会出现个问题

技术分享图片

 

这里的选项直接是[object Object],只需要将rang-key中的字符串加上单引号即可。如下:

<view class="goods-info-add fl-sw">
                <view>运费模板:</view>
                <view>
                    <picker mode="selector" :value="index3" :range-key="‘Name‘" :range="expressTemplate" @change="expressTemplateChange">
                        <view>{{expressTemplate[index3].Name}}</view>
                    </picker>
                </view>
            </view>

这样就能正常显示了

技术分享图片

 

uni-app中picker组件的一个坑

原文:https://www.cnblogs.com/xiangzhong/p/11432839.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!