当更改月份/年份更改时,如何在onChange上侦听v-Calendar?V-model只在我更改日期时提供选定的日期。
onChange
v-Calendar
V-model
<v-date-picker mode="single" v-model="date" color="red" is-inline /> <div> {{ date }} </div>
lymnna711#
当v-Calendar组件的值发生变化时,我在尝试触发某个操作时遇到了同样的问题,而@change没有触发任何操作。我在组件脚本中使用了watch:
<script> export default { data() { return { date: {} } }, watch: { date: function() { // do what you want here } } } </script>
izkcnapc2#
当我需要跟踪月份变化时,我使用了update: fromPage,它对我很有效
update: fromPage
<DatePicker v-model="date" mode="date" :available-dates="dates" is-expanded title-position="right" @update:fromPage="change" />
const onChange = (e) => { const params = { month: e.month, }; getAvailableDates(params); };
2条答案
按热度按时间lymnna711#
当v-Calendar组件的值发生变化时,我在尝试触发某个操作时遇到了同样的问题,而@change没有触发任何操作。
我在组件脚本中使用了watch:
izkcnapc2#
当我需要跟踪月份变化时,我使用了
update: fromPage
,它对我很有效