最近遇到了一个需求，根据传入的参数，加载表单。例如：传入参数3，表单需要加载3个输入框；传入参数6，需要加载6个输入框；代码如下：

<template>
	<div>
		<el-row :gutter="5">
	             <el-form v-model="form">
	                 <el-col :span="8" style="margin: 5px 0px;" v-for="i in formLength" :key="i">
	                     <el-input type="text" v-model.number="form[`param${i}`] "><template slot="prepend">第{{i}}个</template></el-input>
	                 </el-col>
	                 <el-button type="danger" style="width:100%" @click="getData">获取表单值</el-button>
	             </el-form>
	    </el-row>
  </div>
</template>
<script>
export default {
  data() {
    return {
      form:{},
      // 传入的参数
      formLength:6 
    }
  },
  methods:{
    getData(){
      console.log(this.form)
    }
  }
}
</script>

显示效果如下：

测试结果如下：