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

element ui select下拉框不回顯

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

Vue element ui 中 select 下拉框不回顯:

項(xiàng)目場(chǎng)景:最近在使用vue element-ui 寫后臺(tái)時(shí)候,發(fā)現(xiàn)select 下拉不回顯,于是發(fā)現(xiàn)問題,記錄


問題描述

例如:數(shù)據(jù)傳輸過程中數(shù)據(jù)不時(shí)出現(xiàn)丟失的情況,偶爾會(huì)丟失一部分?jǐn)?shù)據(jù)
APP 中接收數(shù)據(jù)代碼:

<el-form-item label="企業(yè)性質(zhì)" prop="nature">
      <el-select v-model="temp.nature" placeholder="請(qǐng)選擇" style="width: 200px;">
   			<el-option
                v-for="item in companyNatureList"
                :key="item.value"
                :label="item.label"
                :value="item.value"
                style="width: 200px;overflow: hidden;text-overflow: ellipsis"/>
      </el-select>
</el-form-item>

data中初始值

companyNatureList: [{'label': '專業(yè)公司', 'value': '1'}, 
	{'label': '基礎(chǔ)電信企業(yè)', 'value': '2'}]

請(qǐng)求返回值

createDate: "2022-10-11 14:19:27"
defaultFlag: 0
delFlag: "0"
id: "7cf2497cd7984f46b9e65f4360050183"
name: "xx"
nature: 1
region: 110000
type: 1

其中:nature為需要回顯的值


原因分析:

提示:這里填寫問題的分析:

發(fā)現(xiàn)select下拉的id和v-model里邊的id類型不一致。


解決方案:

修改后臺(tái)下拉框數(shù)據(jù)源返回類型,下拉框顯示數(shù)據(jù)成功

element ui select下拉框不回顯,vue,ui,vue.js,前端文章來源地址http://www.zghlxwxcb.cn/news/detail-731742.html

到了這里,關(guān)于element ui select下拉框不回顯的文章就介紹完了。如果您還想了解更多內(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)文章

  • element框架select值更新頁面不回顯的問題,動(dòng)態(tài)表單props綁定問題

    element框架select值更新頁面不回顯的問題,動(dòng)態(tài)表單props綁定問題

    當(dāng)data中默認(rèn)沒有定義form.region的值時(shí),會(huì)出現(xiàn)選擇select后input沒有回顯選擇數(shù)據(jù)值; 所以使用select時(shí),必須定義默認(rèn)值 強(qiáng)制重新加載頁面@visible-change=“$forceUpdate()”

    2024年02月12日
    瀏覽(20)
  • el-select值的回顯問題:如何使element-ui的下拉框顯示label值

    el-select值的回顯問題:如何使element-ui的下拉框顯示label值

    今天寫前端又遇到個(gè)很神奇的事情,element的下拉框el-select出現(xiàn)了一點(diǎn)兒?jiǎn)栴},回顯的時(shí)候顯示value的值,這個(gè)強(qiáng)迫癥看來就很難受 ?我寫的代碼是這樣的 查閱大量資料,突然發(fā)現(xiàn)一個(gè)簡(jiǎn)單的方法,那就是vue的v-bind的神奇之處,v-bind的簡(jiǎn)寫是:冒號(hào) 所以解決方法就來了(敲重

    2024年02月07日
    瀏覽(33)
  • 【UI】 elementUI的select-tree組合下拉框,選擇后下拉框不收起

    【UI】 elementUI的select-tree組合下拉框,選擇后下拉框不收起

    問題: elementui 的 select 下拉框 搭配 樹形菜單 tree 點(diǎn)擊菜單 值雖然變化了,但select下拉框沒收起 vue代碼 1.給下拉框?qū)憘€(gè) ref 即 2.點(diǎn)擊下拉框選項(xiàng)的時(shí)候判斷值有沒有賦值(即這個(gè)select下拉框的值有沒有改變),寫個(gè)監(jiān)聽,值改變了就收起樹形菜單。 我這里是把下拉框 顯示的

    2024年02月11日
    瀏覽(26)
  • Vue3+element ui取消el-select下拉選邊框

    Vue3+element ui取消el-select下拉選邊框

    需求是: 取消下拉選的邊框,并且修改下箭頭的圖標(biāo),從其他博主那拼湊修改出來的,適用于我項(xiàng)目的方法,在此做個(gè)記錄 修改前 修改后 css樣式

    2024年02月15日
    瀏覽(23)
  • 【vue2+element ui】添加修改共用表單的下拉框回顯問題分析以及解決方案(附共用表單代碼)

    【vue2+element ui】添加修改共用表單的下拉框回顯問題分析以及解決方案(附共用表單代碼)

    簡(jiǎn)介 本人前端水平不佳,本文分享在編寫個(gè)人項(xiàng)目前端代碼的時(shí)候遇到的回顯問題的解決辦法,僅供參考。 問題復(fù)原 首先展示表單中的問題代碼,本次前端的設(shè)計(jì)是添加和修改操作共用表單,但是其中有一個(gè)下拉框展示形式,按照慣例通過:value進(jìn)行雙向綁定,保證點(diǎn)擊修改

    2024年02月07日
    瀏覽(25)
  • Vue 3 + Element UI Plus 實(shí)現(xiàn) Select 下拉框的虛擬滾動(dòng)效果詳解與代碼示例

    在 Vue 3 項(xiàng)目中,當(dāng)下拉框中的選項(xiàng)過多時(shí),使用虛擬滾動(dòng)可以提升性能和用戶體驗(yàn)。本文將介紹如何使用 Vue 3 和 Element UI Plus(el-select-plus)組件實(shí)現(xiàn) Select 下拉框的虛擬滾動(dòng)效果,并提供詳細(xì)的代碼示例。 首先,確保你已經(jīng)安裝了 Element UI Plus,它是 Element UI 的擴(kuò)展版本,支

    2024年02月08日
    瀏覽(37)
  • Vue + element ui 實(shí)現(xiàn)后臺(tái)數(shù)據(jù)渲染到下拉框選項(xiàng)中,同時(shí)將input框與下拉框聯(lián)動(dòng),select選定之后,input顯示對(duì)應(yīng)的值

    Vue + element ui 實(shí)現(xiàn)后臺(tái)數(shù)據(jù)渲染到下拉框選項(xiàng)中,同時(shí)將input框與下拉框聯(lián)動(dòng),select選定之后,input顯示對(duì)應(yīng)的值

    實(shí)現(xiàn)過程: 使用element 的select以及input輸入框 在data中定義一個(gè)數(shù)組用于接收后臺(tái)請(qǐng)求的數(shù)據(jù) method中定義一個(gè)方法,用于請(qǐng)求數(shù)據(jù) 在created中實(shí)現(xiàn)顯示: listMidMapping為封裝好的get請(qǐng)求 至此實(shí)現(xiàn)后臺(tái)數(shù)據(jù)渲染到下拉框選項(xiàng)中,效果圖: 以上借鑒于: (21條消息) Vue + element 實(shí)現(xiàn)動(dòng)

    2024年02月08日
    瀏覽(61)
  • 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)
  • layui下select下拉框不顯示或沒有效果

    彈層layer選擇框沒有樣式_不可點(diǎn)擊_渲染失效的解決辦法 一、必須給表單體系所在的父元素加上 class=\\\" layui-form \\\" 在一個(gè)容器中設(shè)定?class=\\\"layui-form\\\"??來標(biāo)識(shí)一個(gè)表單元素塊,如果你不想用 form,你可以換成? div? 等任何一個(gè)普通元素( 推薦用 form );記得要在 外層容器 中定

    2024年02月09日
    瀏覽(22)
  • element-ui select下拉框滾動(dòng)加載更多

    element-ui select下拉框滾動(dòng)加載更多

    當(dāng)下拉框數(shù)據(jù)過多時(shí),加載會(huì)非常慢,所以使用分頁去顯示,通過監(jiān)聽滾動(dòng)事件來達(dá)到分頁效果。 我是使用Vue自定義指令來做的。 一、首先在src下創(chuàng)建一個(gè)js文件,完成自定義指令的編寫 有沒有大神告訴我,自定義指令為啥在同一個(gè)頁面不能使用多次? 二、在main.js中引入進(jìn)來

    2024年02月16日
    瀏覽(27)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

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

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包