el-form の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• +Vue+el-form へ行く。
• +Vue+el-form の差分を削除

#author("2022-06-23T11:19:24+08:00","default:Admin","Admin")
#author("2022-09-03T10:52:17+08:00","default:Admin","Admin")
[[Vue]]

&color(red){※前提条件：本文基于 Vue 2.0 创作};
#contents

* el-form 的 model 属性 [#z598ec85]

el-form 的 model 属性是用来指定表单使用的数据的，虽然 el-form 指定了 model 对象，但是，理论上，vue 并没有限制 el-input 绑定的数据，el-form 内部的 el-input 组件依然可以绑定其他数据。


* Tips [#d58efa52]

** [Vue warn]: Error in mounted hook: "Error: please transfer a valid prop path to form item!" [#offbc00c]

el-form-item 的 prop 设置的参数不对造成的

#codeprettify{{
<el-form-item label="状态" prop="flg" />
}}

** 动态添加form项 [#s3dbbd80]

#codeprettify{{
<el-form>
    <el-form-item v-for="(it, index) in list" :key="index">
        <el-select v-model="oneId[index]" placeholder="请选择" @change="saveList($event, index)">
            <el-option v-for="item in array" :key="item.id" :label="item.name" :value="item.id" >
            </el-option>
        </el-select>
        
        <el-button  @click="addItem" type="primary">增加</el-button>
        <el-button  @click="removeItem(it, index)" type="danger">删除</el-button>
    </el-form-item>
    
    <el-button type="success" @click="submit">提交</el-button>
</el-form>
}}

#hr();
コメント：
#comment_kcaptcha