vue.js - iview 下拉菜单组件如何获取更多参数？

问题描述

问 题

<li v-for='(item,index) in formList'>
                <Dropdown trigger="click" @on-click='doMore()' class='ml10'>
                    <i-button>更多<Icon type="arrow-down-b"></Icon></i-button>
                    <Dropdown-menu slot="list">
                        <Dropdown-item name='preview'>预览</Dropdown-item>
                        <Dropdown-item name='copy'>复制</Dropdown-item>
                        <Dropdown-item name='del' style='color:red;'>删除</Dropdown-item>
                    </Dropdown-menu>
                </Dropdown>
            </li>

doMore:function(name){
       if(name=='preview'){
        //do something
       }else if(name=='copy'){
        //do something
       }else{
        //do something
       }
 }

下拉菜单点击子项之后只返回子项的一个name属性，但是我需要doMore函数接收一个index参数用来处理数组，当我写成doMore(index)或者doMore(index,name)时都不行，请问如何给doMore函数传递两个参数呢？

另外给Dropdown-item添加click事件如何将事件传递到父组件，$emit为什么传不过去呢？

解决方案

@on-click.native='doMore(index)'

这篇关于vue.js - iview 下拉菜单组件如何获取更多参数？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！