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 雖然有點麻煩 但是還是可以解決問題的