大家好，我是雄雄，欢迎关注微信公众号：雄雄的小课堂 前言 现在是2022年5月5日22:48:21！ 今天在使用element-ui中的el-dialog的时候遇到了个这样的问题：页面上点击添加的按钮，弹出el-dialog对话框，该对话框中有个添加表单的子组件，然后填写值进行保存，点击保存按钮之后，el-dialog框关闭。继续点击添加的按钮，el-dialog框继续弹出，但是上次填写的表单内容没有清空。 图如下： 大致就是图上的意思。 实现思路 一开

Vue 3.2 版本开始，<script setup> 从实验性质转为稳定版，开发体验十分舒适！ 下面的例子都是基于 <script setup> + TS 的情况 总共分三步 1、在子组件暴露需要被父组件调用的属性 2、在子组件定义类型 3、父组件引入子组件的类型，并定义 ref 第一步：defineExpose 暴露子组件属性 defineExpose 官方定义看这里v3.cn.vuejs.org/api/sfc-scr… 使用<script