elementplus el-date-picker 点击清空按钮 事件

elementplus的el-date-picker组件提供了clear-icon属性来设置清空按钮的图标，同时也提供了clear事件来监听清空按钮的点击事件。

在使用el-date-picker组件时，可以通过设置clear-icon属性来指定清空按钮的图标，例如：

<el-date-picker clearable v-model="date" clear-icon="el-icon-delete"></el-date-picker>

在上述代码中，设置了clear-icon属性为"el-icon-delete"，表示清空按钮的图标为"el-icon-delete"。

然后，可以通过监听clear事件来处理清空按钮的点击事件，例如：

<el-date-picker @clear="handleClear" v-model="date" clear-icon="el-icon-delete"></el-date-picker>

在上述代码中，通过@clear="handleClear"来监听clear事件，并将事件处理函数handleClear与之关联。

然后，在Vue实例中定义handleClear方法来处理清空按钮的点击事件，例如：

methods: {
  handleClear() {
    // 处理清空按钮的点击事件
    console.log('清空按钮被点击了');
  }
}

通过上述代码，当清空按钮被点击时，handleClear方法会被调用，从而处理清空按钮的点击事件。

总结：

使用elementplus的el-date-picker组件时，可以通过clear-icon属性设置清空按钮的图标，并通过clear事件监听清空按钮的点击事件。