作业组件Alert

来源：6-5 Icon组件总结

独自灿烂

2025-02-21

老师写的要暴露属性，还是不太明白这步有什么必要。

defineExpose({
  hide: () => hideAlert()
})

我将每次点击事件都触发emits，那父组件就可以通过事件监听来触发方法

//子组件代码
<Icon @click.stop="hideAlert" icon="xmark" />
//TS代码
const hideAlert = () => {
visible.value = false
emits('close')
//父组件代码
 <Alert type="danger" effect="dark" closable @close="handleClose"
    ><h3>9999</h3>
  </Alert>
}

这样写不就可以了么，不太明白defineExpose的目的，求指教

写回答

1回答