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项目
  • 热门搜索
    辅导班如何招生 眼睛充血是什么原因引起的起的 如何提高员工积极性 青春期的孩子如何教育 清穿之低调生活 如何减轻孕吐 桐乡到乌镇怎么坐车 如何安装水龙头 中国的国花是什么花 生活感悟的句子