在vue中引入layer弹框的简易方法

Posted fqh123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在vue中引入layer弹框的简易方法相关的知识,希望对你有一定的参考价值。

npm i --save layui-layer

2、在main.js中引入

import layer from "layui-layer";

3、然后就可以在各个组件中使用layer了

实例:

layer.confirm(‘您是如何看待前端开发?‘, {
            btn: [‘重要‘,‘奇葩‘] //按钮
        }, function(){
            layer.msg(‘的确很重要‘, {icon: 1});
        }, function(){
            layer.msg(‘也可以这样‘, {
                time: 20000, //20s后自动关闭
                btn: [‘明白了‘, ‘知道了‘]
            });
        });

官方地址:http://layer.layui.com/

上面有各种弹窗的使用示例

以上是关于在vue中引入layer弹框的简易方法的主要内容,如果未能解决你的问题,请参考以下文章

layer ui使用多层弹框时,各个页面交互问题

layui layer弹框中表格的显示

layer弹框的上面各个属性 -可配置

react全局的公共组件-------弹框

jquery-layer弹框在火狐浏览器中弹框不显示的问题

vue移动端弹框组件,vue-layer-mobile