ant-design-vue/components/time-picker/demo/value.md

735 B

#### 受控组件 value 和 onChange 需要配合使用。也可以直接使用v-model。 #### Under Control `value` and `@change` should be used together or use v-model.
<template>
  <div>
    <p>use value and @change</p>
    <a-time-picker @change="onChange" :value="value" />
    <br/>
    <br/>
    <p>v-model</p>
    <a-time-picker v-model="value" />
    <br/>
    <br/>
    <p>Do not change</p>
    <a-time-picker :value="value2" />
  </div>
</template>
<script>
import moment from 'moment';
export default {
  data(){
    return {
      value: null,
      value2: moment(),
    }
  },
  methods: {
    onChange(time,){
      console.log(time);
      this.value = time;
    }
  },
}
</script>