el-date-picker手动输入 数据监听

`el-date-picker` 是 Element UI 提供的一个日期选择组件，如果你想在用户手动输入日期时触发数据变化并进行监听，可以利用其提供的 `value-change` 或者 `onPick` 事件。

1. `value-change` 事件：这个事件会在每次日期值改变时触发。你可以这样设置监听：

<el-date-picker v-model="dateValue" @value-change="handleDateChange"></el-date-picker>

export default {
  data() {
    return {
      dateValue: '',
    };
  },
  methods: {
    handleDateChange(value) {
      console.log('日期已更改', value);
      // 在这里处理你的业务逻辑
    },
  },
};

当你在日期选择器内手动输入日期时，`handleDateChange` 函数会被调用，并传入新的日期值。

2. `onPick` 事件：如果想在用户完成一次完整的选择（比如选择了年、月、日）时触发，可以用 `onPick` 代替：

<el-date-picker v-model="dateValue" @on-pick="handleDatePick"></el-date-picker>

methods: {
  handleDatePick(date) {
    console.log('日期已被选择', date);
    // 在这里处理用户选择的日期
  },
},

这两个事件都可以让你获取到用户手动输入或选择的日期，并可以根据需求更新其他状态或执行相应操作。