有時候一些需求，需要上下兩個Select 進行聯動，比如

名稱/id選擇框的內容需要根據 科目選中后的內容，來進行搜索，所以當 科目清空后 名稱/ID 需要清空 v-model 的值。以及 el-option下拉框的選項。

可以通過 <template v-if=“依賴項的選擇值v-model值”></template> 來動態實時清空下拉框。

然后通過Change 事件 來清空 v-model 值，如果通過Change事件手動清空v-model 值后導致 該選擇項出現 Select無法選中 / 明明已經拿到選中數據了，但是視圖沒有渲染/ 已經渲染了，值也拿到了，但是 沒有通過 Select表單校驗，使用該方法可以完美避開該問題。
問題出現原因：不正確的賦值導致的。 在回顯頁面數據賦值時，深層次的數據賦值時建議使用 this.$set來賦值，如果要把該屬性設置成原始狀態時，盡量保持與data中定義的初始值一致.

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。