Vue 2 - 来自具有参数的组件的发射事件

Question

我正在尝试使用相应的参数从我的组件中发出事件，但我找不到发送参数的方法。

以下是目前的代码：

HTML：

<td class="countries-visible-filter">
    <visible-filter v-on:countryTest="'all'">All | </visible-filter>
    <visible-filter v-on:countryTest="1">Visible | </visible-filter>
    <visible-filter v-on:countryTest="0">Hidden</visible-filter>
</td>

Vue代码：

Vue.component('visible-filter', {
    template: `
        <span class="text-muted"
            @mouseenter="changeClassMouseenter($event)"
            @mouseout="changeClassMouseout($event)"
            @click="countryTest(param)"
        ><slot></slot></span>
    `,

    methods: {

        changeClassMouseenter(event) {
            event.target.classList.remove('text-muted')
        },

        changeClassMouseout(event) {
            event.target.classList.add('text-muted')
        },

        countryTest(param) {
            Event.$emit('countryFilter', param);
        }
    }

});

我正在抓住这个事件，但我没有进入参数。 我在这里做错了什么？