el-date-picker 中v-model设置初始值之后 @change失效

在 el-date-picker 中设置初始值之后，@change事件失效的原因可能是因为初始值和用户选择的日期值相等，导致@change事件不会触发。你可以尝试将初始值设置为一个与用户选择的日期值不相等的值，或者使用 @blur 事件来替代@change事件来监听日期值的变化。此外，你也可以在@change事件中添加一些其他的逻辑，来确保@change事件即使在初始值和用户选择的日期值相等时也能正常触发。

相关问题

el-date-picker v-model的值

el-date-picker组件中的v-model属性用于绑定选择的日期值。根据提供的引用内容，可以看到v-model属性与不同的日期单位和日期类型相关联。

1. 选择其他日期单位：

<el-date-picker v-model="valueWeek" type="week" format="yyyy 第WW周" placeholder="选择周"></el-date-picker>
<el-date-picker v-model="valueMonth" type="month" placeholder="选择月"></el-date-picker>
<el-date-picker v-model="valueYear" type="year" placeholder="选择年"></el-date-picker>

在这个例子中，v-model属性与valueWeek、valueMonth和valueYear变量相关联，分别用于绑定选择的周、月和年。

2. 选择多个日期：

<el-date-picker type="dates" v-model="valueDates" placeholder="选择一个或多个日期"></el-date-picker>

在这个例子中，v-model属性与valueDates变量相关联，用于绑定选择的一个或多个日期。

el-date-picker设置初始值

要设置el-date-picker的初始值，你可以在el-date-picker组件中使用v-model指令来绑定一个日期数据。在你的Vue组件中，你可以在data属性中定义一个日期变量，然后将它与el-date-picker的v-model指令绑定。

以下是一个示例代码：

<template>
  <div>
    <el-date-picker v-model="date" type="date" placeholder="选择日期"></el-date-picker>
  </div>
</template>

<script>
export default {
  data() {
    return {
      date: '2022-01-01' // 设置初始值为'2022-01-01'
    };
  }
};
</script>

在上面的代码中，我们在data属性中定义了一个名为date的变量，并将其初始值设置为'2022-01-01'。然后，我们将这个变量与el-date-picker的v-model指令绑定，这样el-date-picker将显示初始值为'2022-01-01'的日期。

你可以根据需要修改初始值为你想要的日期。