下面的选择早于当前的日期后，tab页跳转切换

最新推荐文章于 2024-09-03 21:44:01 发布

phoebe_l_

最新推荐文章于 2024-09-03 21:44:01 发布

阅读量85

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/qq_58614993/article/details/129417962

版权

文章讨论了在Vue.js应用中，如何利用v-model进行双向数据绑定，以及在父子组件间通过emit传递值，特别是涉及到日期选择和比较的场景。当预订日期小于当前日期时，会切换到已结束的tab，否则切换到未开始并执行handle方法。

摘要由CSDN通过智能技术生成

其实和日期选择的组件是没有关系的，v-model双向传值，不用引用直接在父组件用，例如下面的this.reservationDate它在子组件里通过emit传值，就可以更改在父组件里的值

if (this.reservationDate < this.$dayjs().format('YYYY-MM-DD')) {
        // 当前日期和选中日期比较  选中日期小于当前日期,tab切换到已结束
        this.changeKey('已结束')
      } else {
        this.changeKey('未开始')
        this.handle()
      }