VueJS在自定义组件日期时间选择器上使用v-model

<template>
  <div>
    <input type="text" :value="selectedDate" @input="updateDate($event.target.value)">
    <!-- 或者使用自定义组件 -->
    <!-- <custom-date-picker :value="selectedDate" @input="updateDate"></custom-date-picker> -->
  </div>
</template>

<script>
export default {
  props: {
    value: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      selectedDate: this.value
    }
  },
  methods: {
    updateDate(value) {
      this.selectedDate = value;
      this.$emit('input', value);
    }
  }
}
</script>

<template>
  <div>
    <custom-date-time-picker v-model="selectedDateTime"></custom-date-time-picker>
  </div>
</template>

<script>
import CustomDateTimePicker from './CustomDateTimePicker.vue';

export default {
  components: {
    CustomDateTimePicker
  },
  data() {
    return {
      selectedDateTime: ''
    }
  }
}
</script>