iview下拉菜单项遇到的坑

v-else-if="spanNubs.col_obj.length>10&&spanNumber.column_layout_obj.col_layout<=24"
                            trigger="click">
         
               {{$t("space.colView")}}
               
         

                          :class="{tabActive:columnItem.guidId==curSelectedId}"
                 @click.native="colSelected(columnItem.guidId)">
                {{columnItem.title}}
         

 

第一点:选中菜单项时,菜单关闭

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

1.trigger="click"

2.去掉标签,直接在中写菜单项

第二点:给菜单项目绑定事件(比如@click和@on-click)不起作用

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

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


 

你可能感兴趣的