Vue.js vuejs datepicker selected事件无法正常工作

我是vuejs的约会选择者。我试图打印存储在数据变量中的选定日期。最初，变量的值为空。vuejs日期选择器支持所选事件。因此，当事件触发时，我的意思是如果选择了日期，则所选事件将被触发。但不打印当前选定日期，而是打印空字符串。如果我再次选择另一个日期，它将打印上一个日期。它正在打印上一个存储的日期。代码如下所示

使用

 <date-picker :bootstrap-styling="true" class="datepicker form-control" 
 placeholder="Select Date" v-model="appointment.appointmet_date" 
 @selected="dateSelected()"></date-picker>

数据属性

data () {
    return {
        appointment: {
            appointmet_date: '',
        }
    }
}

当我输入第一个日期时，它打印了

null

。当我第二次输入日期时，它会打印第一次输入的时间

upadate

  dateSelected () {
      // console.log(this.appointment.appointmet_date)
      var self = this
      this.$nextTick(() => console.log(self.appointment.appointmet_date))
      this.$http.post(apiDomain + 'api/getAvailableDate', {avlDate: self.appointment.appointmet_date})
            .then(response => {
                console.log(response)
            })

    }

当我输入第一个日期时，它打印为空。当我第二次输入日期时，它会打印第一次输入的时间

是，因为所选事件是在Vue函数之前触发的，Vue函数更新

v-model

请在下面的代码和工作演示

当我输入第一个日期时，它打印为空。当我第二次输入日期时，它会打印第一次输入的时间

是，因为所选事件是在Vue函数之前触发的，Vue函数更新

v-model

请在下面的代码和工作演示

---

对于未来的访问者，只需在Vue nextTick（）中发出post请求，如下所示：

---

对于未来的访问者，只需在Vue nextTick（）中发出post请求，如下所示：

---

是的，真是太棒了。现在，如果我想存储它，我该怎么做呢？它在这个

这个.appointment.appointmet\u date

中，现在您可以随时在代码中使用。请查看更新。它在post请求中发送空数据是的，它正在工作。现在，如果我想存储它，我该怎么做呢？它在这个

这个.appointment.appointmet\u date

中，现在您可以随时在代码中使用。请查看更新。它在post请求中发送空数据

  dateSelected () {
      // console.log(this.appointment.appointmet_date)
      var self = this
      this.$nextTick(() => console.log(self.appointment.appointmet_date))
      this.$http.post(apiDomain + 'api/getAvailableDate', {avlDate: self.appointment.appointmet_date})
            .then(response => {
                console.log(response)
            })

    }

dateSelected (e) {
  console.log(this.appointment.appointmet_date);
  this.$nextTick(() => console.log(this.appointment.appointmet_date))
},

dateSelected () {
  ...
  this.$nextTick(() => {/* post call here */})
}