仅验证日期选择器年份最大日期不会触发vuex状态突变

// 在Vuex的状态管理中定义maxDate状态
const store = new Vuex.Store({
  state: {
    maxDate: '2022-12-31' // 设置最大日期为2022年12月31日
  },
  mutations: {
    // 定义突变方法，用于修改maxDate状态的值
    setMaxDate(state, payload) {
      state.maxDate = payload;
    }
  }
});

// 日期选择器组件
Vue.component('date-picker', {
  template: `
    <input type="date" :max="maxDate" @change="selectDate">
  `,
  computed: {
    // 获取maxDate状态的值
    maxDate() {
      return this.$store.state.maxDate;
    }
  },
  methods: {
    selectDate(event) {
      const selectedDate = event.target.value;
      if (selectedDate > this.maxDate) {
        // 不触发Vuex状态的突变
        return;
      }
      // 其他处理逻辑...
    }
  }
});

// 创建Vue实例
new Vue({
  el: '#app',
  store
});