每次子选择器的内容都是通过将父级id传给接口获取到 最终保存到data中参数selectItem格式为 xxx,xx,x
<a-cascader
:options="options"
:load-data="loadOptionsData"
placeholder="请选择库位信息"
change-on-select
v-model="queryParam.positionCode"
@change="onChange"
/>
data数据
options: [], // 库位下拉框数据
selectItem: '',
methods
// 获取库位的options
loadOptionsData(selectedOptions) {
console.log(selectedOptions)
const targetOption = selectedOptions[selectedOptions.length - 1]
console.log(targetOption)
this.doLoadOptionsData(targetOption, (array) => {
console.log('...targetOption', targetOption)
targetOption.children = array
this.options = [...this.options]
})
},
doLoadOptionsData(targetOption, callback = null) {
getAction(this.url.getOptions, { code: this.selectItem }).then((res) => {
var array = []
res.result.map((item) => {
array.push(Object.assign(item, { isLeaf: item.type == 'POSITION' }))
})
if (callback) {
callback(array)
}
})
},
onChange(value) {
console.log(value)
this.selectItem = JSON.stringify(value).replace(/"/g, '').replace(/\[/g, '').replace(/\]/g, '')
console.log(this.selectItem)
},
// 没有调用但是不能删除
initDictConfig() {
getAction(this.url.getOptions).then((res) => {
res.result.map((item) => {
this.options.push(Object.assign(item, { isLeaf: false }))
})
console.log(this.options)
})
},
欢迎大家关注我的公众号「踏浪而行生活圈」,这里不仅有更多好玩的内容,还会同步更新 踏浪而行 最新资讯,让你时刻掌握科技前沿,快来加入我们吧!