7***@qq.com
7***@qq.com
  • 发布:2019-04-26 15:20
  • 更新:2021-06-22 16:00
  • 阅读:3585

【报Bug】uniapp 页面里引入自定义组件,自定义组件再引入有赞的组件事件不生效

分类:uni-app

详细问题描述

在index.vue里引入了自己写的自定义组件PickerDiy,在pickerDiy里面再引用了vant有赞的组件,组件上的<van-picker @change="bindPickerChange($event)"> ,bindPickerChange(e){}获取不到这个e这个参数值,是undefined
如果直接在index.vue里这个$event是能获取到参数的,就是组件里引用了组件就获取不到$event参数了

[内容]

重现步骤

[步骤]
1.在index页面引入了自定义组件pickerDiy

  1. 在pickerDiy里引入了vant组件的picker
    import vanPicker from "@/wxcomponents/vant/picker/index"
    components:{
    'van-picker':vanPicker,
    'van-popup':vanPopup
    },
    3.在pickerDiy组件里的<van-picker class="picker" :columns="data" @change="bindPickerChange($event)"/>
    4.方法获取onChange事件的参数$evene是undefined
    bindPickerChange(e) {
    console.log('选择后的结果是:');
    console.log(e);//undefined
    }

[结果]
结果就是获取组件里的vant组件onchange($event),$event参数获取不到是undefined

[期望]
期望是能获取到事件上的参数$event的。

[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]
HBuilderX

[IDE版本号]HbuilderX最新版本1.9.3.20190422

[windows版本号]windows8

[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?] 微信小程序

[运行端版本号] 1.02.1904090

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]
HBuilderX创建的

[编译模式是老模板模式还是新的自定义组件模式?]
自定义组件模式

App运行环境说明

[Android版本号]

[iOS版本号]

[手机型号]

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ] 743390682

2019-04-26 15:20 负责人:无 分享
已邀请:
zyh000007

zyh000007 - 前端小学僧

解决了吗,我遇到同样的问题

不负好时光

不负好时光

我也是,请问怎么解决

7***@qq.com

7***@qq.com (作者) - 90后前端女

放弃有赞的组件,全部换成uView-ui

不负好时光

不负好时光

在pages.json里,globalStyle 设置全局引入

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