Vue.js Vuetify日期选择器格式

我有一个Vuetify日期选择器：

<v-menu
    v-model="menu1"
    :close-on-content-click="false"
    max-width="290"
>
    <template v-slot:activator="{ on }">
    <v-text-field
        v-model="editedItem.Eintrittsdatum"
        clearable
        color="primary"
        label="Eintrittsdatum"
        v-on="on"
    ></v-text-field>
    </template>
    <v-date-picker
        v-model="editedItem.Eintrittsdatum"
        @change="menu1 = false"
        locale="de"
    ></v-date-picker>
</v-menu>

---

是否有方法调用此函数来覆盖显示的值？

将formatDate更改为计算值，并使用已定义的EditItem.eIntritsDatum，它在实际v-date-picker的v-model中使用

在脚本标记中：

computed: {
  formatDate() {
    return this.editedItem.Eintrittsdatum
      ? moment(this.editedItem.Eintrittsdatum).format("L")
      : "";
  }
}

已更改的v文本字段

---

工作沙盒：

将formatDate更改为computed，并利用已定义的EditItem.eIntritsDatum，它用于实际v-date-picker的v-model中

在脚本标记中：

computed: {
  formatDate() {
    return this.editedItem.Eintrittsdatum
      ? moment(this.editedItem.Eintrittsdatum).format("L")
      : "";
  }
}

已更改的v文本字段

工作沙箱：

<v-text-field
    :value="formatDate"
    clearable
    color="primary"
    label="Eintrittsdatum"
    v-on="on"
></v-text-field>