iview下拉菜单项遇到的坑

<!--​iview的下拉列表-->

<Dropdown 
v-else-if="spanNubs.col_obj.length>10&&spanNumber.column_layout_obj.col_layout<=24"
                            trigger="click">
          <a href="javascript:void(0)">
               {{$t("space.colView")}}
               <Icon type="ios-arrow-down"></Icon>
          </a>
          <DropdownMenu slot="list" v-for="columnItem in spanNubs.col_obj"
                :class="{tabActive:columnItem.guidId==curSelectedId}"
                 @click.native="colSelected(columnItem.guidId)">
                <span style="color:black">{{columnItem.title}}</span>
         </DropdownMenu>
 </Dropdown>

第一点：选中菜单项时，菜单关闭

点击菜单外的地方关闭菜单项解决办法：

1.trigger="click"

2.去掉<DropdownItem></DropdownItem>标签，直接在<DropdownMenu></DropdownMenu>中写菜单项

第二点：给菜单项目绑定事件（比如@click和@on-click）不起作用

解决办法：1.使用 @click.native

                  2.使用 @on-select    //经测试无效