如何在vue.js中使用v-calendar触发更改事件

jaxagkaj  于 2023-03-03  发布在  Vue.js
关注(0)|答案(2)|浏览(455)

当更改月份/年份更改时,如何在onChange上侦听v-Calendar
V-model只在我更改日期时提供选定的日期。

<v-date-picker
    mode="single"
    v-model="date"
    color="red"
    is-inline
/>

<div> {{ date }} </div>
lymnna71

lymnna711#

当v-Calendar组件的值发生变化时,我在尝试触发某个操作时遇到了同样的问题,而@change没有触发任何操作。
我在组件脚本中使用了watch

<script>
export default {
    data() {
        return {
            date: {}
        }
    },

    watch: {
        date: function() {
            // do what you want here

        }
    }
}
</script>
izkcnapc

izkcnapc2#

当我需要跟踪月份变化时,我使用了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);
};

相关问题