vue2 elementui if導(dǎo)致的rules判斷失效的解決方法
更新時間：2024年12月30日 10:37:02 作者：木毅01
文章討論了在使用Vue2和ElementUI時,將if語句放在el-form-item內(nèi)導(dǎo)致rules判斷失效的問題,并提出了將判斷邏輯移到外部的解決方案,感興趣的朋友一起看看吧
優(yōu)化目標(biāo) 和 目標(biāo)轉(zhuǎn)化出價必填的 切換的時候還會隱藏掉 這時候的if語句會導(dǎo)致rules判斷失效
我的辦法是把判斷拉到外面 別放在el-form-item里
<section v-if="unitForm.baseTarget === 'OCPM' && unitForm.cpaTargetOptions !== undefined && unitForm.cpaTargetOptions.length > 0">
<el-form-item prop="cpaTarget" label="優(yōu)化目標(biāo)" required>
<el-select
style="width: 300px;"
v-model="unitForm.cpaTarget"
placeholder="請選擇優(yōu)化目標(biāo)"
clearable
@change="(value)=>changeCpaTarget(value)"
>
<el-option
v-for="item in unitForm.cpaTargetOptions"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
</section>
rules: {
cpaTarget: [
{ required: true, message: '請選擇優(yōu)化目標(biāo)', trigger: 'change' }
],
}到此這篇關(guān)于vue2 elementui if導(dǎo)致的rules判斷失效的文章就介紹到這了,更多相關(guān)vue2 elementui if rules判斷失效內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了vue為什么要封裝全局組件引入，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價值，感興趣的小伙伴可以參考一下2022-07-07
這篇文章主要介紹了vue3+vite使用element-plus問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
當(dāng)一個頁面需要加載較多個組件時,并且組件自身又比較復(fù)雜,如果一次性加載,可能等待時間較長,體驗不好,這個時候就需要延遲加載了,本文為大家介紹了Vue2實現(xiàn)組件延遲加載的示例代碼,需要的可以參考下2024-01-01
Vue.js是一套構(gòu)建用戶界面的框架,只關(guān)注視圖層,它不僅易于上手,還便于與第三方庫或既有項目整合,下面這篇文章主要給大家介紹了關(guān)于使用idea創(chuàng)建vue項目的相關(guān)資料,需要的朋友可以參考下2022-08-08
基于vue 添加axios組件,解決post傳參數(shù)為null的問題
下面小編就為大家分享一篇基于vue 添加axios組件,解決post傳參數(shù)為null的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要為大家介紹了一些Vue.js表單控件綁定示例盤點，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
Vue 最獨特的特性之一，是非侵入式的響應(yīng)系統(tǒng)。數(shù)據(jù)模型僅僅是普通的 JavaScript 對象。而當(dāng)你修改它們時，視圖會進(jìn)行更新。本文將通過示例詳解Vue的響應(yīng)式原理，感興趣的可以了解一下2022-03-03
這篇文章主要介紹了基于vue實現(xiàn)的圓形菜單欄組件，本文通過實例代碼，圖文詳解的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2019-07-07
這篇文章主要介紹了vue3.x ref()語法糖賦值方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要介紹了vue?導(dǎo)入js中的方法,本文通過兩種方法結(jié)合示例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-07-07