摘要:由于項(xiàng)目需求,在項(xiàng)目中使用用到了中的組件的多選功能,多選之后保存回顯所選內(nèi)容,從后端會(huì)拿到一個(gè)數(shù)組,然后我把這個(gè)數(shù)組賦值給前端多選對(duì)應(yīng)的數(shù)組,這樣多選的數(shù)據(jù)可以正常顯示問題是回顯之后不能正常編輯,點(diǎn)擊刪除小圖標(biāo)也失效解決方法采用事件在事件中
由于項(xiàng)目需求,在項(xiàng)目中使用用到了element中的select組件的多選功能(multiple),多選之后保存回顯所選內(nèi)容,從后端會(huì)拿到一個(gè)數(shù)組,然后我把這個(gè)數(shù)組賦值給前端多選對(duì)應(yīng)的數(shù)組,這樣多選的數(shù)據(jù)可以正常顯示
問題是回顯之后不能正常編輯,點(diǎn)擊刪除小圖標(biāo)也失效 解決方法采用change事件
在change事件中添加一個(gè)VUE本身的$forceUpdate方法進(jìn)行強(qiáng)制渲染即可使select組件可正常編輯
采用這樣的強(qiáng)制渲染的方式解決,不知道還有其他的方法嘛?
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/105066.html
摘要:關(guān)于的多選,數(shù)據(jù)回顯的問題在工作中遇到這樣一個(gè)問題,新建表單時(shí)用的多選以后,在編輯的時(shí)候打開表單發(fā)現(xiàn)其他數(shù)據(jù)能正常顯示,多選卻無法正常回顯。這樣多選器里的數(shù)據(jù)就能正常返顯了。 關(guān)于element的select多選,數(shù)據(jù)回顯的問題 在工作中遇到這樣一個(gè)問題,新建表單時(shí)用element的select多選以后,在編輯的時(shí)候打開表單發(fā)現(xiàn)其他數(shù)據(jù)能正常顯示,多選卻無法正常回顯。在網(wǎng)上找了很多后...
摘要:社區(qū)的認(rèn)可目前已經(jīng)是相關(guān)最多的開源項(xiàng)目了,體現(xiàn)出了社區(qū)對(duì)其的認(rèn)可。監(jiān)聽事件手動(dòng)維護(hù)列表這樣我們就簡(jiǎn)單的完成了拖拽排序。 完整項(xiàng)目地址:vue-element-admin 系類文章一:手摸手,帶你用vue擼后臺(tái) 系列一(基礎(chǔ)篇)系類文章二:手摸手,帶你用vue擼后臺(tái) 系列二(登錄權(quán)限篇)系類文章三:手摸手,帶你用vue擼后臺(tái) 系列三(實(shí)戰(zhàn)篇)系類文章四:手摸手,帶你用vue擼后臺(tái) 系列...
摘要:社區(qū)的認(rèn)可目前已經(jīng)是相關(guān)最多的開源項(xiàng)目了,體現(xiàn)出了社區(qū)對(duì)其的認(rèn)可。監(jiān)聽事件手動(dòng)維護(hù)列表這樣我們就簡(jiǎn)單的完成了拖拽排序。 完整項(xiàng)目地址:vue-element-admin 系類文章一:手摸手,帶你用vue擼后臺(tái) 系列一(基礎(chǔ)篇)系類文章二:手摸手,帶你用vue擼后臺(tái) 系列二(登錄權(quán)限篇)系類文章三:手摸手,帶你用vue擼后臺(tái) 系列三(實(shí)戰(zhàn)篇)系類文章四:手摸手,帶你用vue擼后臺(tái) 系列...
摘要:現(xiàn)在做項(xiàng)目主要用的框架差不多都是,但是每個(gè)項(xiàng)目設(shè)計(jì)的不同難免和組件產(chǎn)生差異甚至是大不相同,有的時(shí)候差異少比如頁(yè)面樣式不太相同,功能使用完全一樣的話,這樣改改樣式就可以了,但是要大部分不同,而且改出來之后和設(shè)計(jì)稍差的話就可以自己來寫了。。。 現(xiàn)在做vue項(xiàng)目主要用的ui框架差不多都是elementui,但是每個(gè)項(xiàng)目設(shè)計(jì)的不同難免和element組件產(chǎn)生差異甚至是大不相同,有的時(shí)候差異少比...
摘要:對(duì)于第一種方式,回顯時(shí)只需要將從后臺(tái)獲取的數(shù)據(jù)拼接在一起就行,對(duì)于第二種方式,需要去進(jìn)行循環(huán)對(duì)比,找出對(duì)應(yīng)的索引值然后進(jìn)行賦值,具體代碼在這里。 距離上篇文章已經(jīng)快九個(gè)月了,我是不是墮落了。。這篇文章主要是記錄我在項(xiàng)目中遇到的一個(gè)小問題,其實(shí)說小也不小,在去年剛接觸vue的時(shí)候,對(duì)于select如何綁定多個(gè)值這個(gè)問題一度讓我不知所措。剛開始完全沒接觸過vue和elementUI直接上手...
閱讀 1192·2021-11-15 18:14
閱讀 3669·2021-11-15 11:37
閱讀 833·2021-09-24 09:47
閱讀 2481·2021-09-04 16:48
閱讀 2223·2019-08-30 15:53
閱讀 2411·2019-08-30 15:53
閱讀 413·2019-08-30 11:20
閱讀 1258·2019-08-29 16:08