原生小程序使用picker组件出现的问题

原生小程序使用picker组件出现的问题

一.渲染一个对象数组的时候,渲染出来是[object,object]

在这里插入图片描述

解决

在这里插入图片描述
根据官方文档中显示的 如果range是一个对象数组或者是一个对象的话,需要设置range-key="name"来显示name的这个属性

        <picker range="{{deviceArray}}" data-a="deviceArray" data-b="sersDevice" wx:if="{{deviceShow}}" bindchange="deviceChange" range-key="name">
        <view class="inlineBlock">
            <view style="color: #4c4c4c;flex-shrink: 0;"></view>
            <label class="value">{{sersDevice.name||'请选择'}}</label>
        </view>
        </picker>
解释:这里的deviceArray是一个对象数组,所以要绑定range-key="name"来显示他的名称

二.点击确定的时候无法确定picker的值

原因:给picker组件绑定的bind事件绑定错误,我之前绑定的是bindtap,当点击的时候就会就会调用绑定的事件,而非改变后确认事件,所以应该绑定的是bindchange.

在这里插入图片描述
。。。。持续更新

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值