當前位置:編程學習大全網 - 網站源碼 - vue elementui如何動態添加壹個el-form-item項並動態給出驗證提示?

vue elementui如何動態添加壹個el-form-item項並動態給出驗證提示?

```

& ltdiv v-for="(item,index)intemp . template value ":key = " index " & gt;

?& ltEl-form-item v-if = " 0 = = index ":label = " $ t('模板內容值')":prop = " item ":rules = " { required:true,message: ` $ {item}不能為空`,trigger:' blur'}。

& ltEl-input v-model = " temp[item]":placeholder = " `請輸入${item}內容`" type = " text " style = " width:300 px;display: block"/>

?& ltEl-form-item v-else:prop = " item ":rules = " { required:true,message: ` $ {item}內容不能為空`,trigger:' blur ' } " required & gt;

& ltEl-input v-model = " temp[item]":placeholder = " `請輸入${item}內容` ":rules = "{required: true,message: ` $ {item}不能為空`,trigger:' blur ' } " type = " text " style = "。display: block"/>

& lt/div & gt;

```

  • 上一篇:我是大專生,軟件技術,現學C#,請問如何才能學好
  • 下一篇:discuz論壇如何開啟視頻認證功能
  • copyright 2024編程學習大全網