在vue项目中,在未知绑定数量的情况下动态生成绑定值,以绑定下标index为例
data() {
return {
groundLocationCode: [],
}
<div v-for="(item,index) in glptModifyDtoList" :key="index">
<el-form-item label="仓库">
<el-select
v-model="groundLocationCode['groundLocationCode'+index]"
clearable
filterable
placeholder="请选择仓库"
@change="glptModifyDtoListFn"
>
<el-option
v-for="item in locationCodeList"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
</div>
v-model=“groundLocationCode[‘groundLocationCode’+index]” 绑定下标
glptModifyDtoListFn() {
console.log(this.groundLocationCode);//输出结果 [groundLocationCode0: "1"]
//this.groundLocationCode.groundLocationCode0得到相应的值
},
刚开始不好找方案,这个也不一定是最好的,但是也实现了功能。
好了,不说了,产品说不这样循环了改为表格,内心…嗯乖乖撸代码去了