在可重用vue组件中注册的事件不起作用

Question

[在我正在工作的网站上，我反复使用按钮和下拉菜单之类的组件。因为我经常使用它们，所以我决定为特定功能创建自定义组件，这样就不必重新声明样式。这样的组件之一是：BlueButton.vue

<template>
    <v-btn dark color="blue" class="blue-btn">
        <slot>
            <!--  -->
        </slot>
    </v-btn>
</template>

然后我尝试在名为TheForm.vue的表单组件中使用此组件。

<template>
    <blue-button @click="showTheDialog = false" v-if="thebutton(btn)">Cancel</blue-button>
</template>
<script>
import BlueButton from '../components/BlueButton'

export default {

    props: {
        //
    },

    components: {
        'blue-button' : BlueButton
    },
</script>
但是，尽管TheForm.vue内部的按钮的样式正确，但是诸如@click和v-if之类的事件并未注册（即，我可以单击该按钮，但它无能为力-它甚至不会显示一个错误）。 

如何解决此问题，以便道具和活动正常工作？

[在我正在工作的网站上，我反复使用按钮和下拉菜单之类的组件。因为我经常使用它们，所以我决定为特定功能创建自定义组件，这样我就不会...

Answer 1

包裹组件时事件不会自动传播。