1. 程式人生 > 程式設計 >解決ant-design-vue中menu選單無法預設展開的問題

解決ant-design-vue中menu選單無法預設展開的問題

在ant-design-vue的文件中,

解決ant-design-vue中menu選單無法預設展開的問題

menu有兩個可以傳的引數,分別為defaultOpenKeys和openKeys,但在接手做一個專案時,openKeys這個引數前人已經寫了,可能是從文件中直接複製demo沒有刪除掉,我也沒去管。

等到需要用到這個defaultOpenKeys的時候,想做每次重新整理還會再次開啟上次開啟的選單的效果,但一直無效,網上也沒有查到有類似的情況,後面只能自己去看原始碼,查了一下,發現這個程式碼片段

解決ant-design-vue中menu選單無法預設展開的問題

這段程式碼不就說明了有openKeys就不會有defaultOpenKeys嗎?

終於解開疑惑,可以繼續愉快的敲程式碼了。

補充知識:ant design中table表格提交資料重新整理問題

問題描述:在ant design 中table表格中新增一條新的記錄,但是表格不重新整理資料,第二次提交才刷新出第一條的資料。

解決方法:

在app.vue中寫

 provide(){
  return {
   reload: this.reload
  }

methods中:

 reload() {
   this.isRouterAlive = false`在這裡插入程式碼片`
   this.$nextTick(function () {
    this.isRouterAlive = true
   })
  }

解決ant-design-vue中menu選單無法預設展開的問題

在你新增表格資料的頁面中注入reload

解決ant-design-vue中menu選單無法預設展開的問題

然後在新增資料的方法中引入this.reload() 即可

解決ant-design-vue中menu選單無法預設展開的問題

這樣做,因為reload有強制當前頁面重新整理的功能

如果不需要頁面重新重新整理一遍,我們可以把提交的資料當作data傳給後端。

解決ant-design-vue中menu選單無法預設展開的問題

這樣表格提交後自動重新整理。

以上這篇解決ant-design-vue中menu選單無法預設展開的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。