html - Vue日期绑定不呈现

Question

我一直在搜索并尽我所能将 type="date" 的输入通过 v-model 绑定（和渲染）到数据对象。我在 Angular 中很容易做到这一点，但 Vue 似乎并没有完全一样地处理它。

为了便于阅读，我把代码删减了

模板：

<input
      type="date"
      name="EndDay"
      id="EndDay"
      v-model="editedTime.endDay"
      required
/>

脚本：

  props: ['DBobj'],
  data() {
    return {
      editedTime: {
        startDay: "",
        endDay: "",
      },
    };
  },
  mounted(){
  //I've tried setting it to a new Date object (this worked in Angular 1):
  this.startDay = new Date(DBobj.startDay)

  //I've tried setting it to a moment object (practically the same, I know)
  this.startDay = moment(DBobj.startDay)

  //I've tried matching the input's date format
  this.startDay = moment(DBobj.startDay).format("MM/DD/YYYY")

  //I've tried simply setting it as the date.toString()
  this.startDay = new Date(DBobj.startDay).toString()
}

我可以在Vue开发工具中看到数据设置正确，但是输入字段根本没有加载数据。

标签： htmlinputvuejs2data-binding