要设置`el-date-picker`默认显示当前年月,您可以使用`v-model`指令结合`new Date()`来设置默认值。

首先,您需要在Vue实例中定义一个`data`属性来保存`el-date-picker`的值,例如`selectedDate`。

然后,在`el-date-picker`中使用`v-model`指令将`selectedDate`绑定到日期选择器的值上。

最后,在创建Vue实例时,将`selectedDate`设置为当前年月。

下面是一个示例代码:

<template>
  <div>
    <el-date-picker v-model='selectedDate' type='month'></el-date-picker>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedDate: new Date()
    };
  }
};
</script>

在上面的示例中,我们将`v-model='selectedDate'`用于`el-date-picker`,并在`data`中将`selectedDate`初始化为当前日期。这将导致`el-date-picker`默认显示当前年月。

请注意,`el-date-picker`的`type`属性设置为`month`,以使其只显示年月。

这样,您就可以将`el-date-picker`设置为默认显示当前年月了。

Vue3 el-date-picker 如何默认显示当前年月

原文地址: https://www.cveoy.top/t/topic/drla 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录