vue3+ts父组件向子组件弹窗中传值传方法

首先，我们需要在引入的弹窗组件中添加ref=’xxxxxxx’(里面自己定义个名字)，如下图：

 

然后我们记得定义一下初始值：const newAssociatedDialogRef = ref(),定义完记得在return里面把他推出去。

接下来，我们在控制弹窗的方法里面使用，如下图

 

 这个index就是可以在子组件中使用的方法，名字可以自定义，也是可以传值，在后面括号里面写入自己想传的值就可以了。

最后我们是在子组件中使用，如下图：

 

 这个val就是我们从父组件传过来的值！！！记得在return中把index推出去！！