有時(shí)候一些需求，需要上下兩個(gè)Select 進(jìn)行聯(lián)動(dòng)，比如

名稱(chēng)/id選擇框的內(nèi)容需要根據(jù) 科目選中后的內(nèi)容，來(lái)進(jìn)行搜索，所以當(dāng) 科目清空后 名稱(chēng)/ID 需要清空 v-model 的值。以及 el-option下拉框的選項(xiàng)。

可以通過(guò) <template v-if=“依賴(lài)項(xiàng)的選擇值v-model值”></template> 來(lái)動(dòng)態(tài)實(shí)時(shí)清空下拉框。

然后通過(guò)Change 事件 來(lái)清空 v-model 值，如果通過(guò)Change事件手動(dòng)清空v-model 值后導(dǎo)致 該選擇項(xiàng)出現(xiàn) Select無(wú)法選中 / 明明已經(jīng)拿到選中數(shù)據(jù)了，但是視圖沒(méi)有渲染/ 已經(jīng)渲染了，值也拿到了，但是 沒(méi)有通過(guò) Select表單校驗(yàn)，使用該方法可以完美避開(kāi)該問(wèn)題。
問(wèn)題出現(xiàn)原因：不正確的賦值導(dǎo)致的。 在回顯頁(yè)面數(shù)據(jù)賦值時(shí)，深層次的數(shù)據(jù)賦值時(shí)建議使用 this.$set來(lái)賦值，如果要把該屬性設(shè)置成原始狀態(tài)時(shí)，盡量保持與data中定義的初始值一致.

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的手动清空Element Select选择框内容 v-model 和 option下拉框选项 导致无法select选中，或者选中视图不渲染问题,的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。