1.下拉框组件组件UI展示:
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) = >{}
},
}