關于表單組件el-form中的prop的作用
更新時間：2022年05月23日 14:05:31 作者：Shaojun_jita
這篇文章主要介紹了關于表單組件el-form中的prop的作用，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
表單組件el-form中prop的作用
prop就是一個表單規(guī)則中的一個屬性
如圖：
表單規(guī)則和表單數(shù)據(jù)其實可以是相同的。
el-form-item 設置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)一性。
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
Vue 3 引入了一個全新的響應式系統(tǒng),其中最核心的就是 reactive 和 ref,它們是實現(xiàn)響應式數(shù)據(jù)的基礎,用于創(chuàng)建可以自動跟蹤變化并更新視圖的對象和變量,本文介紹了Vue3獲取響應式數(shù)據(jù)的四種方法,需要的朋友可以參考下2024-08-08
這篇文章主要介紹了vue3?自定義指令控制按鈕權限,為了提高用戶體驗，當該按鈕無權使用時，使用el-tooltip功能進行提醒，結合實例代碼給大家介紹的非常詳細，需要的朋友可以參考下2022-10-10
這篇文章主要為大家詳細介紹了vue簡單實現(xiàn)購物車結算功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
今天小編就為大家分享一篇默認瀏覽器設置及vue自動打開頁面的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
vue對象添加屬性(key:value)、顯示和刪除屬性方式
這篇文章主要介紹了vue對象添加屬性(key:value)、顯示和刪除屬性方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
Vue?3?使用moment設置顯示時間格式的問題及解決方法
在Vue?3中,因為過濾器(filter)已經被廢棄,取而代之的是全局方法(global?method),本文給大家介紹Vue?3?使用moment設置顯示時間格式的問題及解決方法,感興趣的朋友一起看看吧2023-12-12
這篇文章主要介紹了vue之Element-Ui輸入框顯示與隱藏方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
在Vite中,我們可以使用環(huán)境變量來管理不同環(huán)境下的配置,本文主要介紹了vite環(huán)境變量.env文件的配置及使用,具有一定的參考價值,感興趣的可以了解一下2024-06-06
Vue2.0利用 v-model 實現(xiàn)組件props雙向綁定的優(yōu)美解決方案
本篇文章主要介紹了Vue2 利用 v-model 實現(xiàn)組件props雙向綁定的優(yōu)美解決方案，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-03-03
vue 是一個完全支持組件化開發(fā)的框架， 組件之間可以進行相互的引用，這篇文章主要介紹了vue中注冊組件的兩種方式詳解(全局注冊&& 局部注冊),需要的朋友可以參考下2023-06-06