国产无码综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

element-ui form表單的動(dòng)態(tài)rules校驗(yàn)

2年前作者：史上最菜開發(fā)分類：Toy博客閱讀(22)違法舉報(bào)

這篇具有很好參考價(jià)值的文章主要介紹了element-ui form表單的動(dòng)態(tài)rules校驗(yàn)。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方，請(qǐng)大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

在vue 項(xiàng)目中，有時(shí)候可能會(huì)用到element-ui form表單的動(dòng)態(tài)rules校驗(yàn)，比如說(shuō)選擇了哪個(gè)選項(xiàng)，然后動(dòng)態(tài)顯示或者禁用等等。
我們可以巧妙的運(yùn)用element-ui form表單里面form-item想的校驗(yàn)規(guī)則來(lái)處理（每一個(gè)form-item項(xiàng)都可以單獨(dú)校驗(yàn)）。 element-ui form表單的動(dòng)態(tài)rules校驗(yàn),javascript,vue.js,elementui

上代碼：

<el-form-item
          label="3、屬于以下何種優(yōu)先配售類型（單選，符合以下條件之一即屬于優(yōu)先配售范圍）"
          prop="yxpslx"
          :rules="sqyxForm.jtpslx == '0' ? { required: true, message: '請(qǐng)選擇', trigger: 'change'} : {}"
          label-width="600px"
          style="display:flex; flex-direction: column;"
          class="elformitem3"
          
        >
          <el-radio-group v-model="sqyxForm.yxpslx" :disabled="sqyxForm.jtpslx ==1" @change="changeYxpsRadio">
            <el-radio label="0" class="mb10" :disabled="sqyxForm.jtsgry == '0' && sqyxForm.jtpslx == '0'">A.夫妻雙方均符合共有產(chǎn)權(quán)住房申購(gòu)條件且共同申購(gòu)</el-radio
            ><br />
            <el-radio label="1" class="mb10" :disabled="sqyxForm.jtsgry == 1">B.港澳青年</el-radio>
            <br />
            <el-radio label="2" class="mb10" :disabled="sqyxForm.jtsgry == 1">C.二孩以上家庭</el-radio>
            <br />
            <el-radio label="3" :disabled="sqyxForm.jtsgry == 1">D.經(jīng)區(qū)政府批準(zhǔn)的優(yōu)先保障對(duì)象</el-radio>
          </el-radio-group>
        </el-form-item>

重點(diǎn)是這個(gè)： :rules=“sqyxForm.jtpslx == ‘0’ ? { required: true, message: ‘請(qǐng)選擇’, trigger: ‘change’} : {}”
sqyxForm.jtpslx == ‘0’ 這個(gè)是我上面的選項(xiàng)來(lái)動(dòng)態(tài)顯示或者禁用的，當(dāng)禁用的時(shí)候，就不校驗(yàn)！??！文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-612430.html

到了這里，關(guān)于element-ui form表單的動(dòng)態(tài)rules校驗(yàn)的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來(lái)自互聯(lián)網(wǎng)用戶投稿，該文觀點(diǎn)僅代表作者本人，不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請(qǐng)注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符，請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋，一經(jīng)查實(shí)，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

element-ui的form表單校驗(yàn)
form表單校驗(yàn)基本三步： 1、定義驗(yàn)證規(guī)則在data中定義表單校驗(yàn)規(guī)則，一個(gè)表單項(xiàng)可定義多條規(guī)則，表單項(xiàng)規(guī)則用數(shù)組，規(guī)則為對(duì)象，required為必須填寫，message為校驗(yàn)提示信息，trigger為校驗(yàn)時(shí)機(jī)，可選blur和change，分別為失去焦點(diǎn)和數(shù)據(jù)變化；min/max為最小與最大字符個(gè)數(shù)，v
2024年02月11日
瀏覽(27)
element-ui form表單校驗(yàn) 失敗的原因
1、沒有在el-form上指定model 2、el-form-item上的prop名稱不對(duì)，應(yīng)當(dāng)與rules中的名稱一致； 3、綁定的屬性沒有在data中聲明； 4、特別重要的一點(diǎn)是ruleForm(數(shù)據(jù))和rules(校驗(yàn)規(guī)則)里面對(duì)應(yīng)的key一定要相同，一個(gè)是數(shù)據(jù)綁定的值另外一個(gè)是值的規(guī)則。
2024年02月11日
瀏覽(24)
【element-ui】 el-form之rules賦值后校驗(yàn)沒消失
錯(cuò)誤原因是在return中定義了一個(gè)空對(duì)象formLabel,在校驗(yàn)過(guò)程中，formRules值找不到對(duì)應(yīng)的formLabel值，此時(shí)就出現(xiàn)了在輸入框中賦值之后，校驗(yàn)不消失解決方案：
2024年02月09日
瀏覽(23)
el-form單個(gè)表單項(xiàng)校驗(yàn)方法；element-ui表單單個(gè)選項(xiàng)校驗(yàn)；el-form單個(gè)表單校驗(yàn)
當(dāng)我們使用element-ui的el-form時(shí)，想在提交表單前對(duì)其中一個(gè)表單進(jìn)行驗(yàn)證時(shí)就可以使用element自帶的方法“validateField” 如圖：使用示例
2024年02月16日
瀏覽(33)
動(dòng)態(tài)綁定表單的rules---element-ui
在 Vue 3 中，你可以使用? refs ?屬性與? v-model ?指令來(lái)動(dòng)態(tài)綁定表單數(shù)據(jù)和驗(yàn)證規(guī)則。要?jiǎng)討B(tài)刪除綁定的驗(yàn)證規(guī)則，可以通過(guò)修改? ref ?的 $rules 屬性來(lái)實(shí)現(xiàn)。例如，假設(shè)你有一個(gè)簡(jiǎn)單的表單組件，它使用? ref ?來(lái)綁定表單數(shù)據(jù)和驗(yàn)證規(guī)則：如果要?jiǎng)討B(tài)刪除? rules.name ?的驗(yàn)
2024年02月15日
瀏覽(22)
element-ui form表單，select多選時(shí)，初始自動(dòng)校驗(yàn)問(wèn)題解決
使用 el-select 多選框配置表單校驗(yàn)時(shí)，如果綁定值為空字符串，表單中的多選下拉框會(huì)自動(dòng)執(zhí)行校驗(yàn)并提示紅色文字提示，體驗(yàn)非常不好；原因：form表單-value1默認(rèn)為空字符串改為空數(shù)組即可解決
2024年02月13日
瀏覽(30)
Element-UI可以動(dòng)態(tài)生成的form表單
此form表單每一項(xiàng)綁定的值組成一個(gè)對(duì)象，對(duì)象疊加組成了一個(gè)對(duì)象數(shù)組，循環(huán)對(duì)象數(shù)組生成form的表單項(xiàng)。當(dāng)點(diǎn)擊新增一項(xiàng)時(shí)，其實(shí)就是給form表單對(duì)象數(shù)組添加一個(gè)對(duì)象，刪除則反之。值得注意的是，由于動(dòng)態(tài)表單得到的是一個(gè)對(duì)象數(shù)組，但我們需要的是表單的值組成的對(duì)象
2024年02月11日
瀏覽(25)
element-ui表單動(dòng)態(tài)添加必填校驗(yàn)
業(yè)務(wù)場(chǎng)景：根據(jù)form表單中的某些下拉框選中值，動(dòng)態(tài)切換一些屬性的必填校驗(yàn)。效果圖：當(dāng)活動(dòng)區(qū)域非必填時(shí)，活動(dòng)名稱取消必填校驗(yàn)，否則活動(dòng)名稱必填。
2024年02月11日
瀏覽(37)
Vue+Element-UI el-form表單動(dòng)態(tài)檢驗(yàn)
業(yè)務(wù)需求：表單el-form 有一表單項(xiàng)：發(fā)布時(shí)間，有5個(gè)選項(xiàng)：今天、24小時(shí)、近3天、近7天和自定義時(shí)間，其中當(dāng)選擇自定義時(shí)間時(shí)，后面跟著的日期時(shí)間選擇器是必填的，選中其他選項(xiàng)時(shí)則不需要。這就需要做到表單的動(dòng)態(tài)檢驗(yàn)。最開始實(shí)現(xiàn)方式是在當(dāng)前表單項(xiàng)中設(shè)置規(guī)則
2024年02月11日
瀏覽(28)
element - - - - - form表單rules初始化校驗(yàn)飆紅？
通過(guò)form組件屬性配置解決（validate-on-rule-change=“false”）
2024年02月13日
瀏覽(24)