成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

element ui中的select多選回顯之后不能正常編輯

dockerclub / 2088人閱讀

摘要:由于項(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)文章

  • 關(guān)于elementselect多選選擇器,數(shù)據(jù)回顯的問題

    摘要:關(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)上找了很多后...

    kaka 評(píng)論0 收藏0
  • 手摸手,帶你用vue擼后臺(tái) 系列三(實(shí)戰(zhàn)篇)

    摘要:社區(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) 系列...

    Channe 評(píng)論0 收藏0
  • 手摸手,帶你用vue擼后臺(tái) 系列三(實(shí)戰(zhàn)篇)

    摘要:社區(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) 系列...

    zgbgx 評(píng)論0 收藏0
  • vue + html 編寫仿element select 多選組件

    摘要:現(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í)候差異少比...

    Enlightenment 評(píng)論0 收藏0
  • vue中select綁定多個(gè)值及回顯

    摘要:對(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直接上手...

    Shimmer 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<