<template>
<el-form :inline="true" :model="queryParams">
<el-form-item
v-for="(item, index) in formList"
:key="index"
:label="item.label"
:prop="item.prop"
>
<el-input
v-model="queryParams[item.prop]"
@input="changeInput(item, index)"
></el-input>
</el-form-item>
</el-form>
</template>
<script>
export default {
data(){
return {
formList:[
{
label:'label',
prop:'prop'
},
{
label:'label',
prop:'prop'
}
],
queryParams:{
}
}
},
methods:{
// changeInput
changeInput(data, index) {
this.formList[index].label = data.colNameCn;
let arr = [];
this.formList.forEach((item) => {
arr.push(item);
});
this.formList = arr;
},
}
}
</script>