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

el-select碼值枚舉

這篇具有很好參考價值的文章主要介紹了el-select碼值枚舉。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

當碼值的數(shù)據(jù)是自己寫的時候:

例如:isOrNo:[{label:'是',value:'1'},{label:'否',value:‘2’}],

當傳給后端值時下拉選擇是,值為1,我們當前拿到的只是值為value:1,label值為拿到,我們就需要把label值取到。

方法如下:

第一種方法:

<template>
	<span>{{ dockingChannel| formatFilter(isOrNo) }}</span>
</template>
export default {
	formatFilter(value, options) {
      if (!value || !options) {
        return ''
      }
      const option = options.filter(item => item.value === value)
      return option[0].label
    }
  },
}

第二種方法:文章來源地址http://www.zghlxwxcb.cn/news/detail-682684.html

this.isOrNo.find(i => i.id === dockingChannel).label

到了這里,關于el-select碼值枚舉的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如若轉載,請注明出處: 如若內容造成侵權/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領支付寶紅包贊助服務器費用

相關文章

  • 【前端】Element-ui el-select 綁定 v-model 不生效問題匯總

    【前端】Element-ui el-select 綁定 v-model 不生效問題匯總

    1、 v-model 綁定的值與下拉選項的值類型不一致。 2、綁定的值未聲明。 如上所示,需要具體聲明。 3、value 前 需要加 冒號? :?

    2024年02月03日
    瀏覽(21)
  • Vue3 element-plus el-select 無法選中,又不報錯

    Vue3 element-plus el-select 無法選中,又不報錯

    html 結構 js 代碼 點擊下拉選項,輸入框無法選中 原因:ref=“conditionForm” 和 :model=“conditionForm” 沖突了, 4-1. 再Vue2里面 :model=“conditionForm” 綁定的是 conditionForm 變量, ref=“conditionForm” 綁定的是conditionForm字符串 v-model=“conditionForm.personnel” 綁定的 conditionForm 變量下屬性

    2023年04月27日
    瀏覽(26)
  • Vue2 + element ui el-select 遠程搜索分頁懶加載功能實現(xiàn)

    新建指令 : ? ? ? ? 1、 在 src 目錄下 新建文件夾?directive / loadmore ????????2、在 loadmore 文價夾下新建?elSelectLoadmore.js 和 index.js?文件:???????? ???elSelectLoadmore.js index.js 3、在main 文件中注冊該指令 4、 基于 el-select 封裝 懶加載 遠程搜索框 remoteSelect.vue 組件提示

    2024年01月21日
    瀏覽(30)
  • Vue 當頁面進入全屏狀態(tài)時element-ui的el-select下拉菜單不顯示問題

    Vue 當頁面進入全屏狀態(tài)時element-ui的el-select下拉菜單不顯示問題

    在前兩天進行頁面全屏時,一切都還好好的,可當使用element-ui中的el-select時,下拉菜單卻怎么也顯示不出來,但只要退出全屏狀態(tài),立馬就好。 非全屏時: ?全屏時: 開始我以為是層級問題,所以給el-select的下拉菜單加z-index,卻發(fā)現(xiàn)加到多大都沒用。 后來去官方文檔里找

    2024年01月17日
    瀏覽(101)
  • 修改el-select和el-input樣式;修改element-plus的下拉框el-select樣式

    修改el-select和el-input樣式;修改element-plus的下拉框el-select樣式

    修改el-select樣式 input如下 el-input clearable v-model=\\\"name\\\" placeholder=\\\"請輸入\\\" class=\\\"input-with-select input_box\\\" style=\\\"width: 148px;margin: 0 40px;position: absolute;right:67px;\\\" /

    2024年02月13日
    瀏覽(94)
  • element el-select下拉框選擇失效

    element el-select下拉框選擇失效

    2023.1.11今天我學習了使用element el-select組件下拉框選擇數(shù)據(jù)失效的原因以及解決辦法。 如圖: ? 當我已經(jīng)選擇啟用狀態(tài)的時候,然后點擊停用狀態(tài)沒反應。 是因為在配置表單的過程中,重復使用了這個字段。 如: 就是在表單中重復使用了status這個字段,然后導致選擇失效。

    2024年02月16日
    瀏覽(30)
  • vue2 - 詳細介紹element UI中在el-select嵌套el-tree樹形控件實現(xiàn)下拉選擇樹型結構數(shù)據(jù)的效果實例(組件封裝)

    vue2 - 詳細介紹element UI中在el-select嵌套el-tree樹形控件實現(xiàn)下拉選擇樹型結構數(shù)據(jù)的效果實例(組件封裝)

    在項目上常用使用到?el-select?和?el-tree?組合實現(xiàn),記錄下兩者結合的實現(xiàn)過程。(代碼以及注釋清晰明了,代碼直接使用即可) 要求根據(jù)項目接口提供的數(shù)據(jù),el-tree 里的數(shù)據(jù)是一次性返回來的,點擊最后一層級時,請求接口,在點擊層級下方追加數(shù)據(jù)追加的數(shù)據(jù)要顯示勾

    2024年04月15日
    瀏覽(90)
  • VUE element-ui 使用Screefull 頁面全屏時el-select下拉菜單不顯示(下拉框不顯示無法選擇)問題解決

    VUE element-ui 使用Screefull 頁面全屏時el-select下拉菜單不顯示(下拉框不顯示無法選擇)問題解決

    問題原因:elemrnt-ui會默認將彈出框插入至 body 元素;當設置了某個元素全屏時,會遮擋住原來的select下拉數(shù)據(jù)。

    2024年02月14日
    瀏覽(99)
  • element ui - el-select 手動設置高度

    element ui - el-select 手動設置高度

    當我們的頁面想要手動設置 element ui 中 el-select 的高度時,如果只是通過設置 el-select 的 height 屬性時,會發(fā)現(xiàn)調整無效。 繼續(xù)對 el-select 中的 input 元素 .el-input__inner 設置。會發(fā)現(xiàn)高度生效了,但是右側的下拉框箭頭移位了。 如下提供一種可以調整 el-select 高度的方法:

    2024年02月15日
    瀏覽(21)
  • element ui - el-select 添加可輸入功能

    element ui - el-select 添加可輸入功能

    vue2 + element ui 的項目中,產品希望 el-select 可以支持輸入功能,也就說用戶既可以下拉選擇,也可以輸入任意內容。 通過閱讀element ui 的官方文檔,發(fā)現(xiàn) allow-create 這個屬性就可以支持用戶創(chuàng)建新條目,但美中不足的是,創(chuàng)建新條目后還需要手動選擇點擊一下,否則無效。 這

    2024年02月11日
    瀏覽(16)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領取紅包,優(yōu)惠每天領

二維碼1

領取紅包

二維碼2

領紅包