關(guān)于表單組件el-form中的prop的作用
表單組件el-form中prop的作用
prop就是一個表單規(guī)則中的一個屬性
如圖:
表單規(guī)則和表單數(shù)據(jù)其實(shí)可以是相同的。
el-form-item 設(shè)置prop報錯
please transfer a valid prop path to form item!
官方解釋:
https://github.com/ElemeFE/element/issues/2327
但是真實(shí)的情況是:
<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)驗(yàn),希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue3通過ref獲取子組件defineExpose的數(shù)據(jù)和方法
defineExpose是Vue3中新增的選項(xiàng),用于向父組件暴露子組件內(nèi)部的屬性和方法,通過defineExpose,子組件可以主動控制哪些屬性和方法可以被父組件訪問,本文主要介紹了vue3通過ref獲取子組件defineExpose的數(shù)據(jù)和方法,需要的朋友可以參考下2023-10-10Vue項(xiàng)目中使用jsonp抓取跨域數(shù)據(jù)的方法
這篇文章主要介紹了Vue項(xiàng)目中使用jsonp抓取跨域數(shù)據(jù)的方法,本文通過實(shí)例代碼講解的非常詳細(xì),需要的朋友可以參考下2019-11-11vue.js+elementUI實(shí)現(xiàn)點(diǎn)擊左右箭頭切換頭像功能(類似輪播圖效果)
這篇文章主要介紹了vue.js+elementUI實(shí)現(xiàn)點(diǎn)擊左右箭頭切換頭像功能(類似輪播圖),本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下2019-09-09vsCode中vue文件無法提示html標(biāo)簽的操作方法
在vsCode中書寫Vue頁面時無法提示,那真是很郁悶的事情,下面這篇文章主要給大家介紹了關(guān)于vsCode中vue文件無法提示html標(biāo)簽的操作方法,需要的朋友可以參考下2023-03-03