欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

關(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ù)其實(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)文章

  • Vue便簽的簡單實(shí)現(xiàn)

    Vue便簽的簡單實(shí)現(xiàn)

    本文主要介紹了Vue便簽的簡單實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-06-06
  • 如何手寫一個簡易的 Vuex

    如何手寫一個簡易的 Vuex

    這篇文章主要介紹了如何手寫一個簡易的 Vuex,幫助大家更好的理解和學(xué)習(xí)vue,感興趣的朋友可以了解下
    2020-10-10
  • vue3通過ref獲取子組件defineExpose的數(shù)據(jù)和方法

    vue3通過ref獲取子組件defineExpose的數(shù)據(jù)和方法

    defineExpose是Vue3中新增的選項(xiàng),用于向父組件暴露子組件內(nèi)部的屬性和方法,通過defineExpose,子組件可以主動控制哪些屬性和方法可以被父組件訪問,本文主要介紹了vue3通過ref獲取子組件defineExpose的數(shù)據(jù)和方法,需要的朋友可以參考下
    2023-10-10
  • Vue常用指令v-if與v-show的區(qū)別淺析

    Vue常用指令v-if與v-show的區(qū)別淺析

    v-if和v-show的區(qū)別是前端面試中常問的基礎(chǔ)知識點(diǎn),v-if、v-show顧名思義就是用來判斷視圖層展示效果的,下面這篇文章主要給大家介紹了關(guān)于Vue常用指令v-if與v-show區(qū)別的相關(guān)資料,需要的朋友可以參考下
    2021-10-10
  • vue購物車插件編寫代碼

    vue購物車插件編寫代碼

    這篇文章主要為大家詳細(xì)介紹了vue購物車插件的編寫代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-11-11
  • vue+iview使用樹形控件的具體使用

    vue+iview使用樹形控件的具體使用

    這篇文章主要介紹了vue+iview使用樹形控件的具體使用,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-11-11
  • Vue項(xiàng)目中使用jsonp抓取跨域數(shù)據(jù)的方法

    Vue項(xiàng)目中使用jsonp抓取跨域數(shù)據(jù)的方法

    這篇文章主要介紹了Vue項(xiàng)目中使用jsonp抓取跨域數(shù)據(jù)的方法,本文通過實(shí)例代碼講解的非常詳細(xì),需要的朋友可以參考下
    2019-11-11
  • vue.js+elementUI實(shí)現(xiàn)點(diǎn)擊左右箭頭切換頭像功能(類似輪播圖效果)

    vue.js+elementUI實(shí)現(xiàn)點(diǎn)擊左右箭頭切換頭像功能(類似輪播圖效果)

    這篇文章主要介紹了vue.js+elementUI實(shí)現(xiàn)點(diǎn)擊左右箭頭切換頭像功能(類似輪播圖),本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-09-09
  • vue-cli3.0 特性解讀

    vue-cli3.0 特性解讀

    這篇文章主要介紹了vue-cli3.0 特性解讀,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-04-04
  • vsCode中vue文件無法提示html標(biāo)簽的操作方法

    vsCode中vue文件無法提示html標(biāo)簽的操作方法

    在vsCode中書寫Vue頁面時無法提示,那真是很郁悶的事情,下面這篇文章主要給大家介紹了關(guān)于vsCode中vue文件無法提示html標(biāo)簽的操作方法,需要的朋友可以參考下
    2023-03-03

最新評論