v-weekSlider icon indicating copy to clipboard operation
v-weekSlider copied to clipboard

建议增加滑动周期后触发事件,附源码

Open cgfeel opened this issue 6 years ago • 0 comments

建议增加滑动周期后触发事件

问题举例: 我从8月30号滑到了8月24号,组件会自动激活24号,但是你要获取24号的数据,就要人为再手动点一次

改善建议: 我从8月30号滑到了8月24号,组件会自动激活24号,触发一个滑动后的事件,返回滑动后激活的日期,不需要二次人为点击

我这边跑业务流程,就简单在源码里修改,实现了一下

export default {
    data() {
        return {
            active_date: this.defaultDate,
            ...
        }
    },
    methods: {
        ...
        onTransitionEnd (index) {
            ...
            this.getDaies(vm.dates[1].date).forEach(info => {
                // 这里判断`info.date != this.active_date`原因:1.滑动会重复触发事件;2.点击后滑动会重复触发
                if (info.isDay && info.date != this.active_date) {
                    this.active_date = info.date;
                    this.$emit('dateMove', this.active_date);
                }
            });
        },
        dayClickHandle (date) {
            this.active_date = date;
            this.$emit('dateClick', date)
            this.$emit('update:defaultDate', date)
        },
        ...
    }
}

cgfeel avatar Sep 01 '19 09:09 cgfeel