一费韭、問題描述
在使用Cascader 級聯(lián)選擇器中的el-cascader組件進行級聯(lián)效果實現(xiàn)的時候依沮,想要實現(xiàn)級聯(lián)選擇器中根據(jù)指定條件默認選中級聯(lián)選項的效果,但是設置完默認選項之后雖然可以顯示預想的效果枪狂,但是總是會報以上的錯誤危喉。
二、解決方法
因為Cascader下拉進行顯示的數(shù)據(jù)是由后臺接口進行提供州疾,在進行默認值顯示修改時辜限,將后臺返回的數(shù)據(jù)賦值給v-model綁定的數(shù)據(jù),進行如此的賦值是能夠?qū)崿F(xiàn)默認值改變顯示的严蓖,但是在改變榜單類型后薄嫡,Cascader的options動態(tài)的進行了改變氧急,使得Cascader的綁定數(shù)值在下拉選項中不存在『辽睿總之就是因為點擊或者選中了父節(jié)點改變了榜單的類型吩坝,從而options進行動態(tài)得改變了,改變之后因為沒有了這個父節(jié)點就會產(chǎn)生報錯哑蔫。當然钉寝,只要activePath 不改變就會產(chǎn)生報錯。
在改變榜單類型闸迷,然后options改變之后嵌纲,只需要通過重新渲染Cascader組件就可以解決了。
我使用了如下的方法進行重新渲染Cascader解決的:
? ? ? 給Cascader設置了一個key值(注意需要在先初始化:isResouceShow: 0)
? ? ? 原理是在改變榜單類型時也順帶著改變下key值腥沽,key值改變了逮走,Cascader就能進行重新渲染了。實現(xiàn)如下:
原文鏈接:https://blog.csdn.net/qq_37253540/article/details/100730223