vue弹框组件怎么封装

 时间:2024-10-14 04:21:59

1、打开HBuilderX工具,创建vue组件,然后新建vue文件Cwin

vue弹框组件怎么封装

2、打开Cwin组件文件,插入多个div标签,然后添加class和绑定变量

vue弹框组件怎么封装

3、在script标签中,methods定义openWin函数,传入几个参数

vue弹框组件怎么封装

4、在style标签中,使用类选择器设置弹窗样式,如优先级、背景色等

vue弹框组件怎么封装

5、再次创建一个vue文件,输入文件名称Bmn,然后单击创建

vue弹框组件怎么封装

6、打开Bmn文件,导入Cwin组件并在界面中引用

vue弹框组件怎么封装

7、接着在App.vue文件中,导入Bmn组件,然后引用;保存并运行项目,查看弹窗效果

vue弹框组件怎么封装
  • 足球比赛推迟串子怎么办
  • 艾默森Modbus TCP从站配置方法
  • typora如何调出显示状态栏
  • Ubuntu 17.10 中改变鼠标光标的颜色和外观
  • 凌云诺狐狸怎么捕捉
  • 热门搜索
    缅怀先烈的手抄报内容 关于健康的英语手抄报 小学生禁毒手抄报 关爱残疾人手抄报 营养与健康手抄报 有关端午节的手抄报 师恩难忘手抄报 杰出人物手抄报 说普通话写规范字手抄报内容 手抄报花边图片