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

解決el-select回顯異常 顯示option選項(xiàng)的value 而不是顯示label

這篇具有很好參考價(jià)值的文章主要介紹了解決el-select回顯異常 顯示option選項(xiàng)的value 而不是顯示label。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

1、問題

回顯的value和選項(xiàng)value類型不同
form中v-model="form.userId"是字符串類型
option中:value=“item.userId” 選項(xiàng)id是數(shù)字類型

2、辦法

:value=“item.userId” 改為 :value=“item.iduserId+‘’”(轉(zhuǎn)換成字符串)文章來源地址http://www.zghlxwxcb.cn/news/detail-660262.html

<el-form-item label="領(lǐng)導(dǎo)姓名" prop="createrId">
  <el-select v-model="form.createrId" placeholder="請(qǐng)選擇領(lǐng)導(dǎo)姓名" clearable style="width:300px" filterable
    @change="handleUserChange">
    <el-option v-for="item in userList" :key="item.userId" :label="item.nickName" :value="item.userId+''">
      <span style="float: left">{{ item.nickName }}</span>
      <span style="float: right; color: #8492a6; font-size: 13px">{{ item.dept.deptName }}</span>
    </el-option>
  </el-select>
</el-form-item>

到了這里,關(guān)于解決el-select回顯異常 顯示option選項(xiàng)的value 而不是顯示label的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(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)用

相關(guān)文章

  • vue element 編輯下拉框el-select不能回顯的問題

    vue element 編輯下拉框el-select不能回顯的問題

    本人的需求是點(diǎn)擊表格里面的編輯按鈕,把數(shù)據(jù)回顯到彈窗內(nèi),其他的都能回顯,但是就下拉框不能正常的回顯 本人后端人員,有不對(duì)的地方,勿噴 這是因?yàn)辄c(diǎn)擊編輯,收集到下拉框的value是一個(gè)數(shù)字導(dǎo)致的,傳值應(yīng)該是 ‘1’ 而不是 1 解決辦法一:,給彈窗子組件傳參的時(shí)

    2024年02月11日
    瀏覽(33)
  • el-select選項(xiàng)過多導(dǎo)致頁面卡頓,路由跳轉(zhuǎn)卡頓

    1.使用Virtualized Select 虛擬化選擇器,頁面就不卡了 2.el-select做分頁,后端可能會(huì)不太想改,可以按照需求用computer做分頁 3.可以使用滾動(dòng)加載與自定義篩選 我看過的文章1:解決el-select數(shù)據(jù)量過大導(dǎo)致頁面卡頓 文章2:el-select選項(xiàng)過多導(dǎo)致卡頓的解決方案 文章3:對(duì)el-select進(jìn)行

    2024年01月24日
    瀏覽(21)
  • 解決element-ui中的el-select選擇器無法顯示選中內(nèi)容的問題

    解決element-ui中的el-select選擇器無法顯示選中內(nèi)容的問題

    問題描述: 排查方法: 檢查數(shù)據(jù)控制臺(tái)是否報(bào)錯(cuò),無報(bào)錯(cuò) 檢查change是否觸發(fā),會(huì)觸發(fā) 最后開始百度,查看文檔? 官方文檔有這么一段話,就是屬性一定要掛載到data上,不然無法檢測(cè)。 最后解決: 排查到我的form表單,在定義表單屬性的時(shí)候,沒有在data中定義該字段。 總結(jié)

    2024年01月23日
    瀏覽(25)
  • 【Element】el-select下拉選擇器搜索選項(xiàng),自定義搜索方法,結(jié)合后端接口遠(yuǎn)程搜索

    【Element】el-select下拉選擇器搜索選項(xiàng),自定義搜索方法,結(jié)合后端接口遠(yuǎn)程搜索

    當(dāng)我們有多個(gè)選項(xiàng)時(shí),我們一般會(huì)使用下拉選擇器 el-select 展示選項(xiàng),選項(xiàng)不多的情況下,我們可以進(jìn)行手動(dòng)下拉選擇。 那當(dāng)選項(xiàng)有100個(gè),甚至1000個(gè)的時(shí)候,需要一個(gè)個(gè)找選項(xiàng),手動(dòng)下拉選擇就太累了,這時(shí)候我們可以利用搜索功能快速查找選項(xiàng) 可以利用搜索功能快速查找

    2024年02月06日
    瀏覽(28)
  • VUE element-ui 使用Screefull 頁面全屏?xí)rel-select下拉菜單不顯示(下拉框不顯示無法選擇)問題解決

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

    問題原因:elemrnt-ui會(huì)默認(rèn)將彈出框插入至 body 元素;當(dāng)設(shè)置了某個(gè)元素全屏?xí)r,會(huì)遮擋住原來的select下拉數(shù)據(jù)。

    2024年02月14日
    瀏覽(99)
  • el-select的某一項(xiàng)選中后顯示id

    el-select的某一項(xiàng)選中后顯示id

    環(huán)境:? ?vue3+element-plus? 今天在使用elementui的下拉組件的時(shí)候發(fā)現(xiàn)有一個(gè)選項(xiàng)在選中后顯示的是id.找了會(huì)沒看到問題,后來想到會(huì)不會(huì)是沒有設(shè)置key的原因(之前看到說vue3可以不用設(shè)置key),果然加上key就可以了

    2024年02月07日
    瀏覽(22)
  • el-select數(shù)據(jù)過多的解決(純前端)

    el-select數(shù)據(jù)過多的解決(純前端)

    el-select數(shù)據(jù)過多這個(gè)問題應(yīng)該很多人都遇到過,在生產(chǎn)環(huán)境中數(shù)據(jù)幾百、幾千條是比較常見的。當(dāng)數(shù)據(jù)過多時(shí),就會(huì)造成瀏覽器卡頓,如果客戶電腦性能不行,瀏覽器直接卡死也有可能。 先說一下現(xiàn)在項(xiàng)目中遇到的兩種解決方案: 添加分頁條 這種方案好像有點(diǎn)問題,具體什

    2024年02月09日
    瀏覽(15)
  • 關(guān)于el-input和el-select寬度不一致問題解決

    關(guān)于el-input和el-select寬度不一致問題解決

    1. 情景一 單列布局 對(duì)于上圖這種情況,只需要給 el-select 加上 style=\\\"width: 100%\\\" 即可,如下: 效果如下 2. 情景二 多列布局 這種情況下再給select加上width:100%,達(dá)不到預(yù)期的效果。 這種情況其實(shí)是el-select比el-input多了一個(gè)下箭頭的icon導(dǎo)致的 解決方案1: 給input加上一個(gè)空的i

    2024年02月09日
    瀏覽(18)
  • Vue 當(dāng)頁面進(jìn)入全屏狀態(tài)時(shí)element-ui的el-select下拉菜單不顯示問題

    Vue 當(dāng)頁面進(jìn)入全屏狀態(tài)時(shí)element-ui的el-select下拉菜單不顯示問題

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

    2024年01月17日
    瀏覽(101)
  • element ui多選下拉組件(el-select)tag數(shù)量過多處理解決辦法(二次封裝)

    element ui多選下拉組件(el-select)tag數(shù)量過多處理解決辦法(二次封裝)

    如下圖所示,當(dāng)標(biāo)簽選擇過多時(shí),會(huì)占用過多空間 期待效果:超過n行就自動(dòng)省略,并可以進(jìn)行展開收起,下圖是實(shí)現(xiàn)后的效果圖 實(shí)現(xiàn)分析: 通過extends繼承el-select組件 將select源碼的template部分粘貼到封裝的組件中,以此來操作展開、收起等需要操作dom的部分 監(jiān)聽selected(已選擇

    2024年02月13日
    瀏覽(26)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包