layui预览图片功能

layer.photos有两种用法获取json文件中的数据查看相册这种方法直接按文档中的提示来做就好了layer.photos文档点击预览图片可以直接按文档中一样操作因为我当前是用了vue.js所以点击事件是无效的使用vue的@click事件获取到图片地址，然后将图片地址用json形式赋值给photos这样就可以实现图片预览的功能preview(img){layer.photos({ photos

有衡

3516人浏览 · 2020-12-29 15:08:49

有衡 · 2020-12-29 15:08:49 发布

layer.photos有两种用法

获取json文件中的数据查看相册
这种方法直接按文档中的提示来做就好了

layer.photos文档

点击预览图片
可以直接按文档中一样操作
因为我当前是用了vue.js所以点击事件是无效的
使用vue的@click事件获取到图片地址，然后将图片地址用json形式赋值给photos这样就可以实现图片预览的功能

preview(img){
    layer.photos({ photos: {"data": [{"src": img}]} ,closeBtn:true});
},

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^