解決ant-design-vue中menu菜單無法默認(rèn)展開的問題
在ant-design-vue的文檔中,
menu有兩個可以傳的參數(shù),分別為defaultOpenKeys和openKeys,但在接手做一個項(xiàng)目時,openKeys這個參數(shù)前人已經(jīng)寫了,可能是從文檔中直接復(fù)制demo沒有刪除掉,我也沒去管。
等到需要用到這個defaultOpenKeys的時候,想做每次刷新還會再次打開上次打開的菜單的效果,但一直無效,網(wǎng)上也沒有查到有類似的情況,后面只能自己去看源碼,查了一下,發(fā)現(xiàn)這個代碼片段
這段代碼不就說明了有openKeys就不會有defaultOpenKeys嗎?
終于解開疑惑,可以繼續(xù)愉快的敲代碼了。
補(bǔ)充知識:ant design中table表格提交數(shù)據(jù)刷新問題
問題描述:在ant design 中table表格中添加一條新的記錄,但是表格不刷新數(shù)據(jù),第二次提交才刷新出第一條的數(shù)據(jù)。
解決方法:
在app.vue中寫
provide(){ return { reload: this.reload }
methods中:
reload() { this.isRouterAlive = false`在這里插入代碼片` this.$nextTick(function () { this.isRouterAlive = true }) }
在你添加表格數(shù)據(jù)的頁面中注入reload
然后在添加數(shù)據(jù)的方法中引入this.reload() 即可
這樣做,因?yàn)閞eload有強(qiáng)制當(dāng)前頁面刷新的功能
如果不需要頁面重新刷新一遍,我們可以把提交的數(shù)據(jù)當(dāng)作data傳給后端。
這樣表格提交后自動刷新。
以上這篇解決ant-design-vue中menu菜單無法默認(rèn)展開的問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
簡單實(shí)現(xiàn)vue驗(yàn)證碼60秒倒計(jì)時功能
這篇文章主要為大家介紹了如何簡單實(shí)現(xiàn)vue驗(yàn)證碼60秒倒計(jì)時功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-10-10vue?頁面刷新、重置、更新頁面所有數(shù)據(jù)的示例代碼
Vue.js提供了多種方式來實(shí)現(xiàn)頁面刷新、重置和更新頁面所有數(shù)據(jù)的功能,下面通過示例代碼演示vue?頁面刷新、重置、更新頁面所有數(shù)據(jù),感興趣的朋友跟隨小編一起看看吧2024-01-01