Bootstrap

vue+el-input 循环出现联动、不可输入

<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>

;