根据需要,添加二级、多级菜单,上代码
<el-cascader
v-model="arr"
filterable
placeholder="请输入关键字查询"
:before-filter="beforeFilter"
:props="{ multiple: true, checkStrictly: true }"
:options="Options1"
@input.native="fn"
/>
<script>
// 停止组件内置检索
beforeFilter(value) {
return false
},
fn(e) {
clearTimeout(this.timer)
this.timer = setTimeout(() => {
const data={}
data.value = e.target.value.trim()
//获取数据
getList(data).then(res => {
res.data.forEach((item, i) => {
const obj = {}
obj.value = item
obj.label =item
this.arrlist.unshift(obj)
})
this.Options1= this.arrlist
})
}, 1000)
},
</script>
按需添加调整一下