iview如何让<MenuItem>点击事件绑定一个Message呢？

Question

想要给菜单item绑定一个点击事件，应该怎么做？下面是我的代码，没起作用...难道一定要用<button>才可以吗？

<template>
    <div class="index">
        <Menu mode="horizontal" :theme="theme1" active-name="1">
            <div class="menu-item-group">
                <MenuItem name="1">首&nbsp;&nbsp;&nbsp;页</MenuItem>
                <MenuItem name="2" @click="info">作&nbsp;品&nbsp;集</MenuItem>
            </div>
        </Menu>
    </div>
</template>

<script>
    export default {
        methods: {
            info () {
                this.$Message.info('这是一条普通的提醒');
            }
        }
    };
</script>

Answer 1

@click.native

Answer 2

兄弟啊 我也有同样的问题 请问你是怎么搞定的啊