vue引入layer弹框控件

vue项目如何引入layer弹框?

1. 在项目控制台输入: cnpm install --save layui-layer 安装控件

   
   image.png
   

   2.在main.js中引入 layer: import layer form 'layui-layer'

   
   image.png
   3.在项目看看效果:
   layer.msg('hello 啊,树哥',{icon:2,time:1000});
   

   icon是按钮的类型,time是弹框的时长

icon 为1 时:

image.png

icon 为2 时:

image.png

icon 为3 时:

image.png

icon 为4 时:

image.png

icon 为5 时:

image.png

icon 为6 时:

image.png

icon 为7 时:

image.png

可根据自己项目来选择使用哪个样式的弹框。