vue引入layer弹框控件

vue引入layer弹框控件

作者: 月中眠_d56d | 来源:发表于2019-08-06 10:38 被阅读4次

vue引入layer弹框控件
vue全局插件——layer弹框
About layer pop-up
一些问题及解决办法——使用篇
openlayers4.6-实现弹框
弹框的三种类（方式）
vue 图片剪切
vue项目中仿element-ui弹框
前端PDF预览（vue）
【WPF】基础知识

vue项目如何引入layer弹框?

在项目控制台输入: 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

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

相关文章