Vue下拉框回顯并默認(rèn)選中隨機(jī)問題
今天做vue的頁面下拉框回顯問題,回顯數(shù)據(jù)是隨機(jī)的,好奇怪,雖然多刷新 幾下就可以了,
但是這個(gè)問題還是存在的,后來發(fā)現(xiàn)問題是
回顯中的數(shù)據(jù)是兩次請(qǐng)求,因?yàn)榫W(wǎng)絡(luò)問題兩次說不定哪個(gè)就請(qǐng)求的快一些,
因?yàn)檎{(diào)用的對(duì)象不一樣,所以可能會(huì)不同,改為相同的之后,發(fā)現(xiàn)第一次請(qǐng)求的時(shí)間始終比第二次時(shí)間短一些,達(dá)到想要的效果
總結(jié):
1.因?yàn)榈谝淮渭虞d下拉框列表的時(shí)候,請(qǐng)求列表中所有數(shù)據(jù)和列表默認(rèn)回顯數(shù)據(jù)不同,所以會(huì)出現(xiàn)被刷新,而出現(xiàn)回顯隨機(jī)問題,,,
PS:vue 運(yùn)用ElementUI,做select下拉框回顯
第一、加載的順序,應(yīng)該先加載下拉框要選擇的數(shù)據(jù),然后在通過編輯查詢數(shù)據(jù)后回顯。
第二、要保證select下拉的ID和v-model里邊的id保持一致。
第三、elementUI就會(huì)自動(dòng)的將數(shù)據(jù)回顯了。
一下是截圖:
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
一步步教你搭建VUE+VScode+elementUI開發(fā)環(huán)境
這篇文章主要給大家介紹了關(guān)于搭建VUE+VScode+elementUI開發(fā)環(huán)境的相關(guān)資料,近期被配置環(huán)境的事情弄得整個(gè)人都要炸了,現(xiàn)在整理如下,希望有相同需求的朋友可以不用走彎路,需要的朋友可以參考下2023-07-07淺談vue+vite項(xiàng)目部署會(huì)遇到的幾個(gè)問題
本文主要介紹了vue+vite項(xiàng)目部署會(huì)遇到的幾個(gè)問題,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04vue實(shí)現(xiàn)導(dǎo)出word文檔的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何使用vue實(shí)現(xiàn)導(dǎo)出word文檔(包括圖片),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-01-01Vue導(dǎo)出json數(shù)據(jù)到Excel電子表格的示例
本篇主要介紹了Vue導(dǎo)出json數(shù)據(jù)到Excel電子表格的示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-12