vue动态表单

最新推荐文章于 2024-09-12 16:47:54 发布

颜帆⅓¼

最新推荐文章于 2024-09-12 16:47:54 发布

阅读量200

点赞数

分类专栏：动态表单文章标签： vue.js

本文链接：https://blog.csdn.net/y_f__/article/details/117820509

版权

动态表单专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<template>
<el-form ref="formData" :model="formData" class="form" label-width="160px">
     <el-form-item v-for="item in formItem" :label="item.label" :prop="item.key"> 
          <el-input v-model="formData[item.key]" :placeholder="item.pl" type="text"/>
     </el-form-item>
</el-form>
</template>
<script>
export default {
  data() {
  return {
  formData:{},
  formItem:[
		{
			key:"name",
			label:"姓名",
			pl:"提示"
		},
		{
			key:"age",
			label:"年龄",
				pl:"提示"
		}
		]
  }
}

}
</script>