You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ant-design-vue/components/time-picker/demo/value.md

44 lines
772 B

<cn>
#### 受控组件
value 和 onChange 需要配合使用。也可以直接使用v-model。
</cn>
<us>
#### Under Control
`value` and `@change` should be used together or use v-model.
</us>
```tpl
<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>
```