Vue.js 如何在Vue中侦听嵌套组件的事件

Vue.js 如何在Vue中侦听嵌套组件的事件,vue.js,vuetify.js,vue-events,Vue.js,Vuetify.js,Vue Events,我想从一个嵌套组件获取一个输入事件,我看到该组件从Vue chrome devtools扩展启动 我只能使用v-on指令在VDatePicker上侦听输入事件。是否有方法在不扩展VDatePicker组件的情况下侦听VDatePickerDateTable输入事件 <template> <v-date-picker v-model="selectedDays" multiple @input="onDayClick"/> </template> &

我想从一个嵌套组件获取一个输入事件,我看到该组件从Vue chrome devtools扩展启动

我只能使用v-on指令在VDatePicker上侦听输入事件。是否有方法在不扩展VDatePicker组件的情况下侦听VDatePickerDateTable输入事件

<template>
    <v-date-picker v-model="selectedDays" multiple @input="onDayClick"/>
</template>

<script>
    export default {
        methods:{
            onDateClick(data){
                console.log(data); // ["2019-01-01", "2019-01-02", "2019-01-06"]
            }
        }
    }
</script>

这就是我最后做的。使用对VDatePicker的引用并将其跟随到其子VDatePickerDateTable的嵌套引用中,以侦听其输入事件。我认为VDatePicker上的输入传递一个日期字符串数组的原因是,它是由组件上的multiple属性定义的多日期选择器。这是加进去的

它现在将单击的日期传递给处理程序。我很想知道是否有人有更好的方法

<template>
    <v-date-picker ref="datePicker" v-model="selectedDays" multiple/>
</template>

<script>
export default {
    mounted(){
            this.$refs.datePicker.$refs.table.$on('input', this.onDayClick);
    },
    methods: {
        onDateClick(data) {
            console.log(data); // "2019-01-01"
        }
    }
};
</script>

你试过这个吗,$oneventName,回拨?这应该行得通,看这行不通,它会产生相同的结果。@Matt和eric99我认为你的建议行不通的原因是因为多重修饰符在