上下文菜单

### menu
<div class="textDiv">
<p>
右击页面弹出上下文菜单
</p>

------------
contextmenu

------------
代码示例如下
```html
<template>
    <div>
        右击页面弹出上下文菜单
        <hi-menu ref="contextMenu" :model="contextMenuList" @item-click="handleMenuClick"></hi-menu>
    </div>
</template>
<script>
    export default {
        data() {
            return { contextMenuList: [] };
        },
        mounted() {
            let menus = [
                {
                    title: "锁定列",
                    icon: "el-icon-lock",
                    type: "lock",
                },
                {
                    title: "取消锁定",
                    icon: "el-icon-unlock",
                    type: "unlock",
                },
                {
                    title: "下载",
                    icon: "el-icon-download",
                    children: [
                        {
                            title: "所有",
                            type: "downAll",
                        },
                        {
                            title: "选中行",
                            type: "downSelected",
                        },
                    ],
                },
                {
                    title: "复制整行",
                    icon: "el-icon-document-copy",
                    type: "copyRow",
                },
                {
                    title: "复制整列",
                    icon: "el-icon-document-copy",
                    type: "copyCol",
                },
                {
                    title: "复制单元格",
                    icon: "el-icon-document-copy",
                    type: "copyCell",
                },
                {
                    title: "向上填充",
                    icon: "el-icon-sort-up",
                    type: "fillUp",
                },
                {
                    title: "向下填充",
                    icon: "el-icon-sort-down",
                    type: "fillDown",
                },
            ];
            this.contextMenuList = menus;
            window.addEventListener("contextmenu", this.handleRowContextMenu);
        },
        beforeDestroy(){
            window.removeEventListener("contextmenu", this.handleRowContextMenu);
        },
        methods: {
            handleRowContextMenu(event) {
                event.stopPropagation();
                event.preventDefault();
                this.$refs.contextMenu.show(event.pageX, event.pageY);
            },
            handleMenuClick(key, keyPath, item,menuData){
                alert(JSON.stringify(menuData));
            }
        },
    };
</script>
```

</div>

### Attributes

| 参数    | 说明    | 类型          | 可选值 | 默认值 |
|-------|-------|-------------|-----|-----|
| model | 菜单项列表 | ArrayObject | —   | []  |

### Events

| 事件         | 说明   | 回调参数                        |
|------------|------|-----------------------------|
| item-click | 菜单事件 | key, keyPath, item,menuData |

</style>