element ui cascader 動態加載回顯問題解決方法

問題：請求接口獲取數據，重新給cascader賦值時，頁面不顯示新獲得數據。

解決方法：只要重新加載下cascader組件就行.

<el-cascader
   v-if="isShowInfo" // 添加v-if
   v-model="scope.row.roleIds"
   :options="scope.row.roleInfo"
   :props="{
      checkStrictly: true,
      multiple: true,
      emitPath: false,
      label: 'roleName',
      value: 'roleId',
    }"
    placeholder="請先選擇租戶"
    clearable
 ></el-cascader>

js 代碼：

getRoleInfo(ev) {
    this.$api.user.getRoleInfo({ tenantId: ev.row.tenantId 
    }).then(response => {
     ev.row.roleInfo = response.data;
// 定時器重新載入一下組件就可以觸發組件拉取數據
     this.isShowInfo = false;
      setTimeout(() => {
         this.isShowInfo = true;
      }, 100);
    });
}