当前位置:   article > 正文

如何实现element UI循环表单?

如何实现element UI循环表单?

有时候我们需要写一些表单,但是项目里如果表单太多,写起来真的挺烦的,这个时候我们就不得不去想一些办法实现一劳永逸了,循环表单应运而生,只需要将这些表单结构存储在数据库中,使用v-for循环将表单结构循环出来就可以了

梳理思路,form表单常见的有input、select,radio,checkbox,time,date,date-picker,textarea,rate等类型

<template>
  <el-form ref="form" :model="formData" label-width="80px">
    <el-form-item
      v-for="item in formList"
      :key="item.prop"
      :label="item.label"
      :prop="item.prop"
    >
      <div class="form-item-container">
        <template v-if="item.prefix">
          <span class="prefix">{ { item.prefix }}</span>  --前置单位
        </template>
        <template v-if="item.type === 'input'">
          <el-input

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/爱喝兽奶帝天荒/article/detail/936002
推荐阅读
相关标签
  

闽ICP备14008679号