Vue.js 如何在Vue中侦听嵌套组件的事件
我想从一个嵌套组件获取一个输入事件,我看到该组件从Vue chrome devtools扩展启动 我只能使用v-on指令在VDatePicker上侦听输入事件。是否有方法在不扩展VDatePicker组件的情况下侦听VDatePickerDateTable输入事件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> &
<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我认为你的建议行不通的原因是因为多重修饰符在