解決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)文章
基于vite2+Vue3編寫(xiě)一個(gè)在線幫助文檔工具
提起幫助文檔，想必大家都會(huì)想到?VuePress等。但是VuePress是“靜態(tài)網(wǎng)站生成器”，需要我們自行編寫(xiě)文檔，然后交給VuePress變成網(wǎng)站。因此，本文將用vite2+Vue3編寫(xiě)一個(gè)在線幫助文檔工具，需要的可以參考一下2022-03-03
vue 實(shí)現(xiàn)數(shù)字滾動(dòng)增加效果的實(shí)例代碼
最近做了個(gè)項(xiàng)目需要做數(shù)字滾動(dòng)增加的效果，剛開(kāi)始接到這個(gè)項(xiàng)目還真是懵了，后來(lái)發(fā)現(xiàn)實(shí)現(xiàn)代碼很簡(jiǎn)單的，下面小編給大家?guī)?lái)了vue 實(shí)現(xiàn)數(shù)字滾動(dòng)增加效果的實(shí)例代碼，需要的朋友參考下吧2018-07-07
Vue解決移動(dòng)端彈窗滾動(dòng)穿透問(wèn)題
這篇文章主要介紹了Vue解決移動(dòng)端彈窗滾動(dòng)穿透問(wèn)題的方法，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2020-12-12
Vuepress 搭建帶評(píng)論功能的靜態(tài)博客的實(shí)現(xiàn)
這篇文章主要介紹了Vuepress 搭建帶評(píng)論功能的靜態(tài)博客的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-02-02
這篇文章主要以vue3+vite+ts舉例,為大家詳細(xì)介紹了vue3中pinia的安裝與使用,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-09-09
vue-element換膚所有主題色和基礎(chǔ)色均可實(shí)現(xiàn)自主配置
這篇文章主要介紹了vue-element換膚所有主題色和基礎(chǔ)色均可實(shí)現(xiàn)自主配置，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
Vue2老項(xiàng)目配置ESLint和Prettier完整步驟
ESLint是一個(gè)靜態(tài)代碼分析工具,用于檢查JavaScript代碼的語(yǔ)法結(jié)構(gòu)和查找程序錯(cuò)誤,Prettier是一個(gè)代碼格式化工具,這篇文章主要給大家介紹了關(guān)于Vue2老項(xiàng)目配置ESLint和Prettier的完整步驟,需要的朋友可以參考下2024-08-08
本篇文章主要介紹了vue 組件之間使用eventbus傳值。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10
詳解使用vue-router進(jìn)行頁(yè)面切換時(shí)滾動(dòng)條位置與滾動(dòng)監(jiān)聽(tīng)事件
本篇文章主要介紹了詳解使用vue-router進(jìn)行頁(yè)面切換時(shí)滾動(dòng)條位置與滾動(dòng)監(jiān)聽(tīng)事件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-03-03
這篇文章主要介紹了Element el-button 按鈕組件的使用詳解，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-02-02