一、問(wèn)題描述

在使用Cascader 級(jí)聯(lián)選擇器中的el-cascader組件進(jìn)行級(jí)聯(lián)效果實(shí)現(xiàn)的時(shí)候，想要實(shí)現(xiàn)級(jí)聯(lián)選擇器中根據(jù)指定條件默認(rèn)選中級(jí)聯(lián)選項(xiàng)的效果，但是設(shè)置完默認(rèn)選項(xiàng)之后雖然可以顯示預(yù)想的效果，但是總是會(huì)報(bào)以上的錯(cuò)誤。

二、解決方法

因?yàn)镃ascader下拉進(jìn)行顯示的數(shù)據(jù)是由后臺(tái)接口進(jìn)行提供，在進(jìn)行默認(rèn)值顯示修改時(shí)，將后臺(tái)返回的數(shù)據(jù)賦值給v-model綁定的數(shù)據(jù)，進(jìn)行如此的賦值是能夠?qū)崿F(xiàn)默認(rèn)值改變顯示的，但是在改變榜單類(lèi)型后，Cascader的options動(dòng)態(tài)的進(jìn)行了改變，使得Cascader的綁定數(shù)值在下拉選項(xiàng)中不存在?？傊褪且?yàn)辄c(diǎn)擊或者選中了父節(jié)點(diǎn)改變了榜單的類(lèi)型，從而options進(jìn)行動(dòng)態(tài)得改變了，改變之后因?yàn)闆](méi)有了這個(gè)父節(jié)點(diǎn)就會(huì)產(chǎn)生報(bào)錯(cuò)。當(dāng)然，只要activePath 不改變就會(huì)產(chǎn)生報(bào)錯(cuò)。

在改變榜單類(lèi)型，然后options改變之后，只需要通過(guò)重新渲染Cascader組件就可以解決了。

我使用了如下的方法進(jìn)行重新渲染Cascader解決的：

? ? ? 給Cascader設(shè)置了一個(gè)key值（注意需要在先初始化：isResouceShow: 0）

? ? ? 原理是在改變榜單類(lèi)型時(shí)也順帶著改變下key值，key值改變了，Cascader就能進(jìn)行重新渲染了。實(shí)現(xiàn)如下：

原文鏈接：https://blog.csdn.net/qq_37253540/article/details/100730223