解決ant-design-vue中menu菜單無(wú)法默認(rèn)展開(kāi)的問(wèn)題
在ant-design-vue的文檔中，
menu有兩個(gè)可以傳的參數(shù)，分別為defaultOpenKeys和openKeys，但在接手做一個(gè)項(xiàng)目時(shí)，openKeys這個(gè)參數(shù)前人已經(jīng)寫(xiě)了，可能是從文檔中直接復(fù)制demo沒(méi)有刪除掉，我也沒(méi)去管。
等到需要用到這個(gè)defaultOpenKeys的時(shí)候，想做每次刷新還會(huì)再次打開(kāi)上次打開(kāi)的菜單的效果，但一直無(wú)效，網(wǎng)上也沒(méi)有查到有類似的情況，后面只能自己去看源碼，查了一下，發(fā)現(xiàn)這個(gè)代碼片段
這段代碼不就說(shuō)明了有openKeys就不會(huì)有defaultOpenKeys嗎？
終于解開(kāi)疑惑，可以繼續(xù)愉快的敲代碼了。
補(bǔ)充知識(shí)：ant design中table表格提交數(shù)據(jù)刷新問(wèn)題
問(wèn)題描述：在ant design 中table表格中添加一條新的記錄，但是表格不刷新數(shù)據(jù)，第二次提交才刷新出第一條的數(shù)據(jù)。
解決方法：
在app.vue中寫(xiě)
provide(){
return {
reload: this.reload
}
methods中：
reload() {
this.isRouterAlive = false`在這里插入代碼片`
this.$nextTick(function () {
this.isRouterAlive = true
})
}
在你添加表格數(shù)據(jù)的頁(yè)面中注入reload
然后在添加數(shù)據(jù)的方法中引入this.reload() 即可
這樣做，因?yàn)閞eload有強(qiáng)制當(dāng)前頁(yè)面刷新的功能
如果不需要頁(yè)面重新刷新一遍，我們可以把提交的數(shù)據(jù)當(dāng)作data傳給后端。
這樣表格提交后自動(dòng)刷新。
以上這篇解決ant-design-vue中menu菜單無(wú)法默認(rèn)展開(kāi)的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
簡(jiǎn)單實(shí)現(xiàn)vue驗(yàn)證碼60秒倒計(jì)時(shí)功能
這篇文章主要為大家介紹了如何簡(jiǎn)單實(shí)現(xiàn)vue驗(yàn)證碼60秒倒計(jì)時(shí)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
Vue3新增了Composition API，我們只需將實(shí)現(xiàn)某一功能的相關(guān)代碼全部放進(jìn)一個(gè)函數(shù)中，然后return需要對(duì)外暴露的對(duì)象，這篇文章主要介紹了vue3 Composition API使用,需要的朋友可以參考下2022-12-12
我們?cè)赩ue.js項(xiàng)目中經(jīng)常需要引用圖片,所以下面這篇文章主要介紹了關(guān)于在Vue頁(yè)面中如何更優(yōu)雅地引入圖片的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-12-12
vue?頁(yè)面刷新、重置、更新頁(yè)面所有數(shù)據(jù)的示例代碼
Vue.js提供了多種方式來(lái)實(shí)現(xiàn)頁(yè)面刷新、重置和更新頁(yè)面所有數(shù)據(jù)的功能,下面通過(guò)示例代碼演示vue?頁(yè)面刷新、重置、更新頁(yè)面所有數(shù)據(jù),感興趣的朋友跟隨小編一起看看吧2024-01-01
本文為大家介紹Vue中路由的使用方法,包括安裝路由創(chuàng)建路由并導(dǎo)出以及在應(yīng)用實(shí)例中使用vue-router的相關(guān)知識(shí),本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-02-02
vue使用watch監(jiān)聽(tīng)props的技巧分享
這篇文章主要為大家詳細(xì)介紹了vue使用watch監(jiān)聽(tīng)props的一些小建議,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-12-12
這篇文章介紹了Vue路由vue-router的用法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-01-01
這篇文章主要介紹了Vue使用Ref跨層級(jí)獲取組件的步驟，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2021-01-01
這篇文章主要介紹了vue+freemarker中遇到的坑及解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
Vue如何循環(huán)提取對(duì)象數(shù)組中的值
這篇文章主要介紹了Vue如何循環(huán)提取對(duì)象數(shù)組中的值,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-11-11