vue 图片预览插件-白红宇

vue 图片预览插件

阅读量：4655 次

发布时间：2019-06-09

本文共 1088 字，大约阅读时间需要 3 分钟。

https://github.com/daidaitu1314/vue2-preview

//cnpmcnpm install vue2-preview -save//引入import VuePreview from 'vue2-preview'Vue.use(VuePreview)

            list: [{                      src: 'https://placekitten.com/600/400',                      w: 600,                      h: 400                }, {                      src: 'https://placekitten.com/1200/900',                     w: 1200,                      h: 900                }],

图片宽度自适应

//插件里写imgload获取图片宽高                onRead(file) {                      let img = new Image();                       img.src = file.content;                      let that = this;                      img.onload = function () {   // 图片的宽高要做onload后才能获取到                        that.imgList.push({                              src:file.content,                              msrc:file.content,                              title: "图片",                              w: img.width,                              h: img.height                        })                      }                 },

转载于:https://www.cnblogs.com/tanxiang6690/p/9878808.html

你可能感兴趣的文章

【js操作url参数】获取指定url参数值、取指定url参数并转为json对象

查看>>