Vue3 Element Plus Dialog的两次封装

9 min read
const emits = defineEmits('update:visible'])
const dialogVisible = ref(false)
watch(() => props.visible, (val) => {
  dialogVisible.value = val
})
const close = () => {
  emits('update:visible', false)
}
watch(() => dialogVisible.value, (val) => {
  emits('update:visible', val)
})

注意: 需要通过close 将内部状态正确的同步到外部状态