e***@qq.com
e***@qq.com
  • 发布:2022-02-22 14:51
  • 更新:2024-07-09 10:52
  • 阅读:2279

【uni-data-picker】组件中的@change事件无法获得选择的值

分类:uni-app

下面的代码在执行时:选择下拉列表,参数e,无法获得选择项。

<view>  
                <uni-data-picker  
                    placeholder="请选择地址"  
                    popup-title="请选择城市"  
                    collection="opendb-city-china"  
                    field="code as value, name as text"  
                    orderby="value asc"  
                    :step-searh="true"  
                    self-field="code"  
                    parent-field="parent_code"  
                    @change="onchange"  
                    @nodeclick="onnodeclick"  
                ></uni-data-picker>  
</view>
onchange(e) {  
            const value = e.detail.value;  
            console.log('onchange(e)', e);  
        },

2022-02-22 14:51 负责人:无 分享
已邀请:
FullStack

FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ:543610866

获得选择的值 用这个 onnodeclick

  • e***@qq.com (作者)

    还是不行,console的结果显示获取的对象是空的

    2022-02-24 09:48

  • e***@qq.com (作者)

    感谢解答,已使用edge浏览器调试解决问题

    2022-02-24 18:01

e***@qq.com

e***@qq.com (作者)

使用 onnodeclick 也获取不到选中节点的值,console的结果显示的是空值

onnodeclick(node) {  
            console.log('onnodeclick(node)', node);  
        },

DCloud_uni-ad_HDX

DCloud_uni-ad_HDX

H5没有复现问题,运行到哪个平台,HX版本多少?

  • e***@qq.com (作者)

    HX版本 3.3.11.20220209,目前问题出现在HX的内置浏览器中

    2022-02-24 10:45

  • e***@qq.com (作者)

    感谢解答,已使用edge浏览器调试解决问题

    2022-02-24 18:01

  • 8***@qq.com

    回复 e***@qq.com: 怎么解决的?

    2022-12-06 00:25

8***@qq.com

8***@qq.com

我直接改了uni-data-picker.vue文件的$emit。 286行,这样会有问题吗
this.$emit('change', {
detail: {
value: selected.map(function(item, index, arr) {
return {
text: item.text,
value: item.value,
};
})
}

5***@qq.com

5***@qq.com

edge浏览器可以获得console.log的数据,HX的终端调试为空

要回复问题请先登录注册