之前项目中使用drownmenu封装下拉框,后面出现了一系列问题,用户体验感很不好。现在重新使用cascader重新封装下拉框组件。
整体下拉框效果:
使用说明
menu - Array - 必选参数
menu: [{
id: '', 可选,每个选项的唯一标识,建议加上
title: '', 必选,选项文本内容
constant: Any Type, 可选,当需要传递单个参数时直接传入,需要传入多个参数时通过对象的形式传入
type: 'file', 可选,当type的值为'file'时为导入功能,方法自动传入三个参数,分别为response, file, fileList(参考el-upload文件上传成功时的钩子on-success)
accept: '', 可选,导入功能文件类型限制
child: [] 可选,子选项
}]
text - String - 可选参数(按钮文字)
iconClass - String - 可选参数(按钮图标)
使用范例
<cascader :menu="menu" icon-class="wheel" text="批量" />
menu: [{
title: 'test1',
methods: this.func1,
constant: true
}, {
title: 'test2',
methods: this.func2,
constant: {
param1: 'param1', param2: 'param2' }
}, {
title: 'test3',
methods: