關(guān)于表單組件el-form中的prop的作用
更新時間：2022年05月23日 14:05:31 作者：Shaojun_jita
這篇文章主要介紹了關(guān)于表單組件el-form中的prop的作用，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
表單組件el-form中prop的作用
prop就是一個表單規(guī)則中的一個屬性
如圖：
表單規(guī)則和表單數(shù)據(jù)其實可以是相同的。
el-form-item 設(shè)置prop報錯
please transfer a valid prop path to form item!
官方解釋：
https://github.com/ElemeFE/element/issues/2327
但是真實的情況是：
<template v-for="(person,index) in Form.List"> ? ? <el-form-item :prop="'List.'+index + '.code'" :key="person.key" :rules="rules"> ? ? ? ? <el-input v-model="person.code"></el-input> ? ? </el-form-item> ? ? <el-form-item prop="name"> ? ? ? ? <el-input v-model="person.name"></el-input> ? ? </el-form-item> ? ? <el-button @click="removeDomain(index)" size="small">-</el-button> </template>
el-form-item 里面的循環(huán)prop名字，需要 和form中l(wèi)ist的名字一致，這樣才能確保組件的統(tǒng)一性。
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
本文主要介紹了Vue便簽的簡單實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-06-06
這篇文章主要介紹了如何手寫一個簡易的 Vuex，幫助大家更好的理解和學習vue，感興趣的朋友可以了解下2020-10-10
vue3通過ref獲取子組件defineExpose的數(shù)據(jù)和方法
defineExpose是Vue3中新增的選項,用于向父組件暴露子組件內(nèi)部的屬性和方法,通過defineExpose,子組件可以主動控制哪些屬性和方法可以被父組件訪問,本文主要介紹了vue3通過ref獲取子組件defineExpose的數(shù)據(jù)和方法,需要的朋友可以參考下2023-10-10
v-if和v-show的區(qū)別是前端面試中常問的基礎(chǔ)知識點,v-if、v-show顧名思義就是用來判斷視圖層展示效果的,下面這篇文章主要給大家介紹了關(guān)于Vue常用指令v-if與v-show區(qū)別的相關(guān)資料,需要的朋友可以參考下2021-10-10
這篇文章主要為大家詳細介紹了vue購物車插件的編寫代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要介紹了vue+iview使用樹形控件的具體使用，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-11-11
Vue項目中使用jsonp抓取跨域數(shù)據(jù)的方法
這篇文章主要介紹了Vue項目中使用jsonp抓取跨域數(shù)據(jù)的方法，本文通過實例代碼講解的非常詳細,需要的朋友可以參考下2019-11-11
vue.js+elementUI實現(xiàn)點擊左右箭頭切換頭像功能（類似輪播圖效果）
這篇文章主要介紹了vue.js+elementUI實現(xiàn)點擊左右箭頭切換頭像功能（類似輪播圖），本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-09-09
這篇文章主要介紹了vue-cli3.0 特性解讀,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
在vsCode中書寫Vue頁面時無法提示,那真是很郁悶的事情,下面這篇文章主要給大家介紹了關(guān)于vsCode中vue文件無法提示html標簽的操作方法,需要的朋友可以參考下2023-03-03