vue引入layer的方法

1、安装layer

npm install layui-layer --save-dev

npm地址，https://www.npmjs.com/package/layui-layer

2、全局引入Jquery

方法一
在入口文件index.html直接引入jquery

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>

方法二
请查看之前写的文章
传输门

3、使用

import layer from "layui-layer";
layer.photos({
        photos: {
            // title: "相册标题", //相册标题
            // id: 123, //相册id
            // start: 0, //初始显示的图片序号，默认0
            data: [
                //相册包含的图片，数组格式
                {
                    alt: _c.filename,
                    // pid: 123456, //图片id
                    src: `${this.resourceUrl}/web/preview/file?fileid=${_c.fileid}&tk=${_c.token}&r=${r}`, //原图地址
                    thumb: _c.thumb  //缩略图地址
                }
            ]
        },
        anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机
    });