鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ 怎樣比較好的實現(xiàn)iview的側(cè)欄導(dǎo)航每一個點擊后都跳轉(zhuǎn)別的路由?

怎樣比較好的實現(xiàn)iview的側(cè)欄導(dǎo)航每一個點擊后都跳轉(zhuǎn)別的路由?

<Menu active-name="1-2" :open-names="['1']" width="100%" theme="dark">
        <Submenu name="1">
            <template slot="title">
                <Icon type="ios-analytics"></Icon>
                小程序管理后臺
            </template>
            
            // 類似這里name="1-1"和下面的name="2-1"
            // 想點擊的時候跳轉(zhuǎn)頁面 但是用 <router-link> 的話元素不能充斥父元素
            // 可點擊范圍就特別小,必須點在字上面才能觸發(fā)
            // 但是給每個父元素都用 on-select 事件去跳轉(zhuǎn)的話,元素很多就感覺很傻
            // 一堆同樣的代碼放在那里
            // 這種一般怎么解決呢
            
            <MenuItem name="1-1"><router-link to="/admin/console">控制臺</router-link></MenuItem>
            <Submenu name="2">
                <template slot="title">客戶管理</template>
                <MenuItem name="2-1"><router-link to="/admin/customer_management">客戶管理</router-link></MenuItem>
                <MenuItem name="2-2">添加客戶</MenuItem>
            </Submenu>
        </Submenu>
</Menu>
回答
編輯回答
尕筱澄

這個問題終于被哥攻克了
在Menu里添加@on-select="routeTo"
然后在

    methods: {
        routeTo(e) {
            this.$router.push(e);
        }       
    }
2017年10月6日 05:41