Vue 使用layer.js

要引入 layer.js，首先得引入 jQuery（1.8+）

 

jQuery 引入：两种方式

第1种：npm install jquery -S 或者指定版本 npm install jquery@2.2.4 这样

main.js 中 import

import $ from 'jquery'

并全局使用

window.$ = $

window.jQuery = $

第2种：直接在 index.html 中 <script src="static/lib/jquery.min.js"></script>

 

layer.js 引入：在http://layer.layui.com/官网直接下载，解压并将 layer 整个文件夹（不要拆分结构） 存放到你项目的任意目录，使用时，只需引入 layer.js 即可。

index.html 中<script src="static/lib/layer/layer.js"></script>

 

 

使用

fn (url) {
  var wheight = window.innerHeight
  layer.open({
    type: 1,
    title: false,
    closeBtn: 0,
    skin: 'layui-layer-nobg',
    shadeClose: true,
    content: '<img src="'+ url +'" style="max-height: '+ wheight * 0.7 +'px">',
    area: ['auto','auto']
  })
}