vue如何用layer

 时间:2024-10-12 22:56:10

1、打开电脑中的一个文件夹,鼠标右键选择Git,然后输入npm i --save vue-layer命令,安装vue-layer组件

vue如何用layer

2、进入到vue项目,打开main.js文件,导入vue-layer并引用

vue如何用layer

3、在components文件夹下,新建vue组件,输入文件名并点击创建

vue如何用layer

4、打开已新建的vue组件,利用element进行页面布局,并添加一个打开按钮

vue如何用layer

5、在methods对象中,定义按钮点击事件openWin,并修改isShow值

vue如何用layer

6、打开App.vue文件,导入Cmn组件,然后在界面上引用

vue如何用layer

7、保存代码并使用命令运行vue项目,打开浏览器,预览界面

vue如何用layer

8、点击打开按钮,可以查看到layer层,不能操作其他地方

vue如何用layer
  • C#怎么创建Datatable
  • 如何在centos7中安装X窗口系统
  • 怎么在vc++6.0中调试程序
  • 【图像处理】用python检测图像中的边框
  • Eclipse导入maven项目
  • 热门搜索
    石花洞景区 猫的特点是什么 数学作文怎么写 可以试看很多的体验区10分钟 利川旅游 无线打印机怎么连接 郑州市旅游 匿名举报信怎么写 宝鸡旅游景点大全最近 手机短信怎么备份