<!--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 //经测试无效