話不多說，直接上代碼，創建，聲明，監聽，

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: {

// 監測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";

},

總結

以上是生活随笔為你收集整理的activemenu怎么拼 vue_Vue-el-menu使用，点击按钮跳转指定页面的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。