所以我使用了一个名为vue-calendar的库,它有一个名为calendarOptions的对象,其中包含一些方法来规定它的功能。 一个是dateClick方法,它以字符串格式返回在日历上单击的日期。 我想在arrivalDate中保存该值,但它不起作用。 我查阅了vue.set(),但我认为它更多地与'this‘指向的内容有关。 我以前做过这样的工作,只是在函数之前重新分配这个,但是我不能在这里这样做。
export default {
components: {
FullCalendar,
Banner
},
data() {
return {
calendarOptions: {
plugins: [dayGridPlugin, interactionPlugin],
initialView: 'dayGridMonth',
selectable: true,
dateClick: function(info) {
this.arrivalDate = info.dateStr
}
},
arrivalDate: ''
}
}
}
</script>
您需要使用方法
// you define a method inside your Vue instance
export default {
components: {
FullCalendar,
Banner
},
data() {
return {
...
}
},
methods: {
dateClick(info) {
this.arrivalDate = info.dateStr
}
}
然后将该方法传递给组件