怎样比较好的实现iview的侧栏导航每一个点击后都跳转别的路由?

<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"
            // 想点击的时候跳转页面 但是用 <router-link> 的话元素不能充斥父元素
            // 可点击范围就特别小,必须点在字上面才能触发
            // 但是给每个父元素都用 on-select 事件去跳转的话,元素很多就感觉很傻
            // 一堆同样的代码放在那里
            // 这种一般怎么解决呢
            
            <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>
阅读 10k
1 个回答

这个问题终于被哥攻克了
在Menu里添加@on-select="routeTo"
然后在

    methods: {
        routeTo(e) {
            this.$router.push(e);
        }       
    }
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题