1. 程式人生 > >ElementUI 爬坑記錄

ElementUI 爬坑記錄

1. Form動態item校驗,資料繫結:

  • model 只能為物件
  • prop的書寫規則:使用字串拼接,即 'model + prop' 所取得值要對應v-model中的資料(物件的點語法與陣列的index取值都是用 代替),舉例如下:
<el-form v-if="radioVals[index] === '1'"
                       :model="forms[index]"
                       :ref="'form'+index"
                       class="margin-tb-2">
                <el-form-item v-for="(t, i) in Array.apply(null, {length: items[index].rotateAccount})" :key="i"
                              :prop="'texts.'+i"
                              :rules="{required: true, message: '請輸入素材文字', trigger: 'blur'}">
                  <el-input type="textarea" rows="4"
                            @change="submit"
                            :placeholder="`*素材文字${i+1}`"
                            v-model="forms[index].texts[i]">
                  </el-input>
                </el-form-item>
</el-form>

 

歡迎關注、點贊