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

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)化目標 和 目標轉(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)化目標" required>
    <el-select 
      style="width: 300px;"
      v-model="unitForm.cpaTarget" 
      placeholder="請選擇優(yōu)化目標"
      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)化目標', trigger: 'change' }
  ], 
}

到此這篇關(guān)于vue2 elementui if導(dǎo)致的rules判斷失效的文章就介紹到這了,更多相關(guān)vue2 elementui if rules判斷失效內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • vue?為什么要封裝全局組件引入

    vue?為什么要封裝全局組件引入

    這篇文章主要介紹了vue為什么要封裝全局組件引入,文章圍繞主題展開詳細的內(nèi)容介紹,具有一定的參考價值,感興趣的小伙伴可以參考一下
    2022-07-07
  • vue3+vite使用element-plus問題

    vue3+vite使用element-plus問題

    這篇文章主要介紹了vue3+vite使用element-plus問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2023-10-10
  • Vue2實現(xiàn)組件延遲加載的示例代碼

    Vue2實現(xiàn)組件延遲加載的示例代碼

    當一個頁面需要加載較多個組件時,并且組件自身又比較復(fù)雜,如果一次性加載,可能等待時間較長,體驗不好,這個時候就需要延遲加載了,本文為大家介紹了Vue2實現(xiàn)組件延遲加載的示例代碼,需要的可以參考下
    2024-01-01
  • 使用idea創(chuàng)建vue項目的圖文教程

    使用idea創(chuàng)建vue項目的圖文教程

    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的問題

    下面小編就為大家分享一篇基于vue 添加axios組件,解決post傳參數(shù)為null的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-03-03
  • Vue.js表單控件綁定示例盤點

    Vue.js表單控件綁定示例盤點

    這篇文章主要為大家介紹了一些Vue.js表單控件綁定示例盤點,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-07-07
  • Vue響應(yīng)式原理的示例詳解

    Vue響應(yīng)式原理的示例詳解

    Vue 最獨特的特性之一,是非侵入式的響應(yīng)系統(tǒng)。數(shù)據(jù)模型僅僅是普通的 JavaScript 對象。而當你修改它們時,視圖會進行更新。本文將通過示例詳解Vue的響應(yīng)式原理,感興趣的可以了解一下
    2022-03-03
  • 基于vue實現(xiàn)圓形菜單欄組件

    基于vue實現(xiàn)圓形菜單欄組件

    這篇文章主要介紹了基于vue實現(xiàn)的圓形菜單欄組件,本文通過實例代碼,圖文詳解的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-07-07
  • vue3.x ref()語法糖賦值方式

    vue3.x ref()語法糖賦值方式

    這篇文章主要介紹了vue3.x ref()語法糖賦值方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-03-03
  • vue?導(dǎo)入js中的兩種方法(示例詳解)

    vue?導(dǎo)入js中的兩種方法(示例詳解)

    這篇文章主要介紹了vue?導(dǎo)入js中的方法,本文通過兩種方法結(jié)合示例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-07-07

最新評論