layui与layer同时引入冲突的问题

之前在项目中只有用layer,但是后来有用到了layui,结果发现同时引入这两个东东 会出现冲突的问题

导致代码运行不正常

后来网上找到了解决办法:

学习源头:http://fly.layui.com/jie/10143/

官方文档:http://fuxiao.io/practice/docs/#/layui/layer/quickstart?id=layui-%e6%a8%a1%e5%9d%97%e5%8c%96%e4%bd%bf%e7%94%a8-%e8%a7%84%e8%8c%83%e5%8c%96%e7%9a%84%e7%94%a8%e6%b3%95%ef%bc%88%e6%8e%a8%e8%8d%90%ef%bc%89

只需要引入layui即可 因为layer其实也是layui的一个组件;

在js中添加这一行代码:

<link href="{{ asset('layui/css/layui.css') }}" rel="stylesheet">
    <script src="{{asset('layui/layui.all.js')}}"></script>

js中这样使用:

var layer = layui.layer;

下面就可以肆无忌惮的使用layer了

上面的方法还是有问题的:有时候用layer.all.js会出现无效的状况

还是要使用layer.js

这就需要

layui.use('layer', function(){
  var layer = layui.layer;
 
});

在每使用一次layer的使用定义layer 虽然有点麻烦 但是还是可以解决问题的