提问者:小点点

不知道如何将回调返回值赋给另一个属性(vue.js)


所以我使用了一个名为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>

共1个答案

匿名用户

您需要使用方法

// you define a method inside your Vue instance
export default {
 components: {
  FullCalendar,
  Banner
},
data() {
  return {
    ...
  }
},
methods: {
  dateClick(info) {
    this.arrivalDate = info.dateStr
  }
}

然后将该方法传递给组件