闲人无悔
闲人无悔
  • 发布:2020-11-13 15:55
  • 更新:2020-11-13 15:55
  • 阅读:558

uni开发阿里小程序使用阿里小程序自定义组件

分类:uni-app

uni开发阿里小程序使用阿里小程序自定义组件无法传递事件
小程序自定义组件axml

<select size="large" onChange="onChange" dataSource="{{dataSource}}" style="width: 300" />

小程序自定义组件js

import fmtEvent from "../fmtEvent.js"  
Component({  
  mixins: [], // minxin 方便复用代码  
  data: {  
  }, // 组件内部数据  
  props: {  
      dataSource:[  
          {label:'option1', value:'option1'},  
          {label:'option2', value:'option2'},  
          {label:'disabled', value:'disabled11' ,disabled:true}],  
      placeholder:'请选择',  
      disabled:false,  
      value:'',  
      defaultValue:'',  
      mode:'single',  
      hasClear:false,  
      showSearch:false,  
      hasSelectAll:false,  
      onChange:function onChange(){}  
      // state:'error'  
  }, // 可给外部传入的属性添加默认值  
  didMount(){  
  }, // 生命周期函数  
  didUpdate(){},  
  didUnmount(){},  
  methods: {   // 自定义方法  
    onChange(e) {  
      var event = fmtEvent(this.props,e)//处理事件格式  
      console.log(event)  
      this.props.onChange(event)  
    },   
  },  
})

uni 调用组件

 <all-select @change="onChange">

uni vue页面js

 onChange(e){  
   console.log(e)//打印undefinde 获取不到事件  
}

有没有人遇到并解决了这样的问题?

2020-11-13 15:55 负责人:无 分享
已邀请:

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