在element-ui中,el-color-picker组件的弹窗关闭事件可以通过监听组件的"hide-picker"事件来实现,示例代码如下:

<template>
  <div>
    <el-color-picker v-model="color" @hide-picker="handleHidePicker"></el-color-picker>
  </div>
</template>

<script>
export default {
  data() {
    return {
      color: '#409EFF'
    }
  },
  methods: {
    handleHidePicker() {
      console.log('弹窗关闭了')
    }
  }
}
</script>

在上面的代码中,我们在el-color-picker组件中监听了"hide-picker"事件,并在事件回调函数中打印了一条消息,表示弹窗已关闭。当用户点击确认或取消按钮,或者按下Esc键时,弹窗会自动关闭,并触发该事件。

elemengt-ui中el-color-picker组件中的弹窗关闭事件

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

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