vue之弹窗功能的实现

时间:2024-10-25 19:11:30

1、首先需要将需要实现的弹窗的html+css写好。

vue之弹窗功能的实现

2、通过js实现弹窗组件!主要分四步:a.引入写好组件的html+css;b.使用export 将组件传递出去;c.设置组件的默认值;d.给返回函数配置参数

vue之弹窗功能的实现

3、在返回函数中,一方面传递参数;二创建一个子类

vue之弹窗功能的实现

4、引入js组件及传递传参。

vue之弹窗功能的实现

5、最终实现的弹窗组件的效果图

vue之弹窗功能的实现
© 手抄报圈