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项目
  • 热门搜索
    喜不自胜的胜是什么意思 女士钱包什么牌子好 227是什么意思 九牛一毛是什么意思 美联储加息是什么意思 led灯泡什么牌子好 学古筝有什么好处 推敲的意思 冰山一角的意思 转向辅助灯是什么意思