avue_crud dateBtn 如和获得一年的日期并赋值给dateBtn 的详细过程

首先，需要在组件中定义一个 dateBtn 变量，用于存储日期数据。然后，在组件的 mounted 钩子函数中，使用 JavaScript 中的 Date 对象获取当前日期，并将其赋值给 dateBtn 变量。具体代码如下：

<template>
  <div>
    <avue-crud ref="crud" :option="option" @save="save"></avue-crud>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dateBtn: '' // 定义 dateBtn 变量
    }
  },
  mounted() {
    let now = new Date(); // 获取当前日期

    // 计算一年后的日期
    let yearLater = new Date(now.getFullYear() + 1, now.getMonth(), now.getDate());

    // 将日期格式化为 yyyy-MM-dd 的字符串
    let formattedDate = yearLater.getFullYear() + '-' + (yearLater.getMonth() + 1) + '-' + yearLater.getDate();

    // 将日期赋值给 dateBtn 变量
    this.dateBtn = formattedDate;
  },
  methods: {
    save(data) {
      this.$refs.crud.saveLoading = true;
      console.log(data)
    }
  },
  computed: {
    option() {
      return {
        rowHandle: { width: 140 },
        rowShowIndex: true,
        stripe: true,
        menuAlign: 'center',
        searchShow: false,
        column: [
          { label: '日期', prop: 'date', type: 'date', value: this.dateBtn, format: 'yyyy-MM-dd' },
          { label: '说明', prop: 'description', type: 'input' }
        ]
      }
    }
  }
}
</script>

在上述代码中，我们通过使用 JavaScript 中的 Date 对象获取当前日期，并计算出一年后的日期。然后，将日期格式化为 yyyy-MM-dd 的字符串，并将其赋值给 dateBtn 变量。最后，在 avue-crud 组件中将 dateBtn 变量作为日期字段的初始值传递给组件即可。