elementUI el-cascader回顯問題

<el-cascader

            ref="cascaderhouAddr"

            v-model="PersonForm.houArr"

            :options="xzqhOptions"

            @change="onhouChange"

            :show-all-levels="false"

            placeholder="戶籍所在地"

            :disabled="isDisabled"

             :key="isResouceShow"

/>

 

問題：回顯數據后，再次點擊原數據組件無反應（選擇了其他數據后無法再選擇回顯的那個數據）

期望：可以選擇原來的數據

 

解決：

1.在組件上添加該屬性

:key="isResouceShow"

 

2.change事件中修改變量 isResouceShow 的值 

++this.isResouceShow  // key值改變了，cascader就會重新渲染

 

這里的問題是組件重新渲染之后，bug就解決了。