Element UI el-color-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>
<p>在上面的代码中,我们在 el-color-picker 组件中监听了 'hide-picker' 事件,并在事件回调函数中打印了一条消息,表示弹窗已关闭。当用户点击确认或取消按钮,或者按下 Esc 键时,弹窗会自动关闭,并触发该事件。</p>
原文地址: https://www.cveoy.top/t/topic/mu0s 著作权归作者所有。请勿转载和采集!