Vue-el-menu使用,點擊按鈕跳轉指定頁面

話不多說,直接上代碼,創(chuàng)建,聲明,監(jiān)聽,

<el-menu
      class="dash-menu"
      unique-opened
      background-color="red"
      text-color="white"
      active-text-color="white"
      :default-active="navselected"
      :active="navselected"
      router
      @open="handleOpen"
      @close="handleClose"
    >

data(){
    return{
      navselected: this.$store.state.selectMenuIndex,
    }
  },
watch: {
    // 監(jiān)測store.state
    '$store.state.selectMenuIndex':'getNavType'
  },
methods: {
    getNavType(){
      this.navselected=this.$store.state.selectMenuIndex;
      if (this.navselected == "2-1") {
       this.$router.push({ path: "/home-cake" });
      }else if(this.navselected == "2-2") {
      }else if(this.navselected == "3") {
      }
    },
}

緩存部分
state.js

var vstate = {
    selectMenuIndex: "1",//默認選中頁面index
}
export default vstate

getters.js

const vgetters = {
    getSelectMenuIndex:state => state.selectMenuIndex,
}
export default vgetters

其他頁面點擊按鈕操作

clickAction(){
      this.$store.state.selectMenuIndex = "2-1";
    },
最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • Swift1> Swift和OC的區(qū)別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴謹 對...
    cosWriter閱讀 11,648評論 1 32
  • 工廠模式類似于現(xiàn)實生活中的工廠可以產(chǎn)生大量相似的商品,去做同樣的事情,實現(xiàn)同樣的效果;這時候需要使用工廠模式。簡單...
    舟漁行舟閱讀 8,127評論 2 17
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 28,808評論 1 45
  • 沒有自己的想法, 好糾結的 都不知道寫什么。 沒有主見 不會說話。 現(xiàn)在都成神經(jīng)病了
    Cc夢中人閱讀 172評論 0 0
  • 今天去看了最近大熱的《摔跤吧!爸爸》,在看到吉塔脫離了父親的“控制”之后一次次失敗,而向父親打電話痛哭并道歉的時候...
    桃之夭夭n閱讀 514評論 3 1

友情鏈接更多精彩內(nèi)容