解決ant-design-vue中menu選單無法預設展開的問題
阿新 • • 發佈:2020-11-02
在ant-design-vue的文件中,
menu有兩個可以傳的引數,分別為defaultOpenKeys和openKeys,但在接手做一個專案時,openKeys這個引數前人已經寫了,可能是從文件中直接複製demo沒有刪除掉,我也沒去管。
等到需要用到這個defaultOpenKeys的時候,想做每次重新整理還會再次開啟上次開啟的選單的效果,但一直無效,網上也沒有查到有類似的情況,後面只能自己去看原始碼,查了一下,發現這個程式碼片段
這段程式碼不就說明了有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 }) }
在你新增表格資料的頁面中注入reload
然後在新增資料的方法中引入this.reload() 即可
這樣做,因為reload有強制當前頁面重新整理的功能
如果不需要頁面重新重新整理一遍,我們可以把提交的資料當作data傳給後端。
這樣表格提交後自動重新整理。
以上這篇解決ant-design-vue中menu選單無法預設展開的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。