vue.js - 【vue】iview 的 Menu 组件中，on-select 事件怎么用？

问题描述

问 题

iview 导航菜单在选中时要触发一个事件，文档说是 on-select 事件，但是描述的很模糊

那么name值如何获取？先上我的代码：

<Menu active-name="0-0" theme="dark" width="auto" @on-select="route()">
    <Menu-group v-for="(menu,index) in menus" :title="menu.name" :key="index">
        <Menu-item v-for="(item,ins) in menu.item" :key="ins" :name="index+'-'+ins">
            <Icon :type="item.icon"></Icon>
            {{item.name}}
        </Menu-item>
    </Menu-group>
</Menu>

我的on-select事件触发的是route方法，route方法怎么获取文档中说的name值？

解决方案

你这里 @on-select="route()" 改成 @on-select="route"
route 方法改为 function route(name) 这样会自动将 name 通过参数传递过去（或者在你现在的方法中使用 arguments[0] 获取 【这个方法我没试过，但是原理上觉得可行】）

这篇关于vue.js - 【vue】iview 的 Menu 组件中，on-select 事件怎么用？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！