elementui中使用日期选择器不用v-model双向绑定

在Element UI中，日期选择器可以使用v-model进行双向绑定，但如果你不想使用v-model，也可以通过其他方式实现单向绑定。例如，你可以使用@change事件来监听日期选择器的值变化，并将选中的日期保存在一个变量中。然后，你可以在需要的地方使用这个变量来获取选中的日期值。以下是一个示例代码：

<template>
  <div>
    <el-date-picker :value="selectedDate" @change="handleDateChange"></el-date-picker>
    <p>选中的日期：{{ selectedDate }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedDate: null
    };
  },
  methods: {
    handleDateChange(date) {
      this.selectedDate = date;
    }
  }
};
</script>

在上面的代码中，我们使用了一个变量`selectedDate`来保存选中的日期值。当日期选择器的值发生变化时，通过`@change`事件触发`handleDateChange`方法，将选中的日期赋值给`selectedDate`变量。然后，我们可以在页面上显示选中的日期值。

希望这个例子能够帮助你解决问题。如果还有其他疑问，请随时提问。
#### 引用[.reference_title]
- *1* *2* [【Vue】vue的基本使用-双向数据绑定（v-model）并简单理解MVVM](https://blog.csdn.net/yy_bazinga/article/details/123515725)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [el-cascader级联选择器设置v-model后，变更v-model后界面不改变的解决方法](https://blog.csdn.net/ttphoon/article/details/108123108)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]