vue 动态添加div

<div v-for="(item,index) in editSchProps" :key="index"><el-form-item :label="item.code+'编码'" prop="code" :rules="userRules"><el-input v-model="item.code" :maxlength="10...

醉生浮屠

7974人浏览 · 2020-03-18 14:11:17

醉生浮屠 · 2020-03-18 14:11:17 发布

<div v-for="(item,index) in editSchProps" :key="index"  >
    <el-form-item :label="item.code+'编码'" prop="code" :rules="userRules">
        <el-input v-model="item.code" :maxlength="10" :disabled="schReadOnly" style="width:190px"          @change="handleSchCodeChange(index,item.code)" disabled="true">
            <el-button slot="append" icon="el-icon-tickets"></el-button>
        </el-input>
    </el-form-item>
    <el-form-item label="面积(平方米)" prop="acreage">
        <el-input v-model="item.acreage" disabled style="width:190px"></el-input>
    </el-form-item>
</div>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^