【vue】iview 的 Menu 组件中,on-select 事件怎么用?

杨成功
  • 2.5k

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

clipboard.png

clipboard.png

那么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值?

回复
阅读 15.6k
2 个回答

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

<Menu active-name="1-1" theme="light" width="auto" :open-names="['1']" :accordion=true @on-select="bed" >

/////////
methods: {

  bed (name) {
   console.log(name)
  }
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏