1.下拉框组件组件UI展示:

下拉框图片展示.png

2.组件调用

html代码：

                              <xyselect v-bind="testselect"></xyselect>

js代码：

data() {
 testselect: {
     //*下拉框数据，一般通过ajax获取数据，必填
     getdata: [],
     //*必须获取一个key，必填
     getkey: 'reasonId',
     //*选取展示对应字段内容,必填
     getlabel: ['reasonName', 'reasonId'],
     //给当前下拉框设置class类名，用于修改css'样式
     popperclass: 'myclass',
     //*下拉框头部配置的内容（decs），prop对应字段名，必填
     headertitle: [{
         decs: '交易原因',
         prop: 'reasonName'
     },
     {
         decs: '描述',
         prop: 'description'
     }

     ],
     //*选中的值，一般是一个对象形式返回，必填
     getvalue: {},
     //下拉框change事件，不用时可不写
     selectchange: (val) = >{},
     //下拉框focus事件，不用时可不写
     xyfocus: (event) = >{},
     //下拉框blur事件，不用时可不写
     xyblur: (event) = >{},
     //下拉框clear事件，不用时可不写
     xyclear: (event) = >{}
 },
}