欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

解決ant-design-vue中menu菜單無法默認(rèn)展開的問題

 更新時間:2020年10月31日 09:56:51   作者:大翰仔仔  
這篇文章主要介紹了解決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ì)時功能

    這篇文章主要為大家介紹了如何簡單實(shí)現(xiàn)vue驗(yàn)證碼60秒倒計(jì)時功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-10-10
  • vue3 Composition API使用示例教程

    vue3 Composition API使用示例教程

    Vue3新增了Composition API,我們只需將實(shí)現(xiàn)某一功能的相關(guān)代碼全部放進(jìn)一個函數(shù)中,然后return需要對外暴露的對象,這篇文章主要介紹了vue3 Composition API使用,需要的朋友可以參考下
    2022-12-12
  • 在Vue頁面中如何更優(yōu)雅地引入圖片詳解

    在Vue頁面中如何更優(yōu)雅地引入圖片詳解

    我們在Vue.js項(xiàng)目中經(jīng)常需要引用圖片,所以下面這篇文章主要介紹了關(guān)于在Vue頁面中如何更優(yōu)雅地引入圖片的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2021-12-12
  • vue?頁面刷新、重置、更新頁面所有數(shù)據(jù)的示例代碼

    vue?頁面刷新、重置、更新頁面所有數(shù)據(jù)的示例代碼

    Vue.js提供了多種方式來實(shí)現(xiàn)頁面刷新、重置和更新頁面所有數(shù)據(jù)的功能,下面通過示例代碼演示vue?頁面刷新、重置、更新頁面所有數(shù)據(jù),感興趣的朋友跟隨小編一起看看吧
    2024-01-01
  • Vue中路由的使用方法實(shí)例詳解

    Vue中路由的使用方法實(shí)例詳解

    本文為大家介紹Vue中路由的使用方法,包括安裝路由創(chuàng)建路由并導(dǎo)出以及在應(yīng)用實(shí)例中使用vue-router的相關(guān)知識,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧
    2024-02-02
  • vue使用watch監(jiān)聽props的技巧分享

    vue使用watch監(jiān)聽props的技巧分享

    這篇文章主要為大家詳細(xì)介紹了vue使用watch監(jiān)聽props的一些小建議,文中的示例代碼講解詳細(xì),具有一定的借鑒價值,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
    2023-12-12
  • Vue路由vue-router用法講解

    Vue路由vue-router用法講解

    這篇文章介紹了Vue路由vue-router的用法,文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-01-01
  • Vue使用Ref跨層級獲取組件的步驟

    Vue使用Ref跨層級獲取組件的步驟

    這篇文章主要介紹了Vue使用Ref跨層級獲取組件的步驟,幫助大家更好的理解和使用vue框架,感興趣的朋友可以了解下
    2021-01-01
  • vue+freemarker中遇到的坑及解決

    vue+freemarker中遇到的坑及解決

    這篇文章主要介紹了vue+freemarker中遇到的坑及解決,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-09-09
  • Vue如何循環(huán)提取對象數(shù)組中的值

    Vue如何循環(huán)提取對象數(shù)組中的值

    這篇文章主要介紹了Vue如何循環(huán)提取對象數(shù)組中的值,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2020-11-11

最新評論