基于vue.js的图片预览组件2.0.1

kelvinlee 发布于2019-08-29 12:25 / 785人阅读

基于vue.js的图片预览组件

Github

github

安装

npm install enlargeimg --save-dev


import enlargeimg from "enlargeimg";

基础用法

 



export default {
  name: "hello",
  data () {
    return {
      msg: "Welcome to Your Vue.js App",
      files:[
    {
      path:"http://img4q.duitang.com/uploads/item/201311/01/20131101141757_tunaj.png"
    },
    {
      path:"http://img5.duitang.com/uploads/item/201503/22/20150322122457_EQ3NP.thumb.700_0.jpeg"
    },
    {
      path:"http://tupian.enterdesk.com/uploadfile/2013/1219/20131219053302481.jpg"
    },
  ]
    }
  },
}

注意事项

图片地址为path

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/111882.html

基于vue.js的图片预览组件2.0.1

基于vue.js的图片预览组件 Github github 安装 npm install enlargeimg --save-dev import enlargeimg from enlargeimg; 基础用法 export default { name: hello, data () { return { msg: Welcome to You...

dabai 2019-08-20 15:47 评论0 收藏0
基于vue.js的图片预览组件2.0.1

基于vue.js的图片预览组件 Github github 安装 npm install enlargeimg --save-dev import enlargeimg from enlargeimg; 基础用法 export default { name: hello, data () { return { msg: Welcome to You...

zhangke3016 2019-08-01 16:39 评论0 收藏0
基于elementUI实现图片预览组件

摘要：如果插件是一个对象，必须提供方法。当方法被同一个插件多次调用，插件将只会被安装一次。的插件应当有一个公开方法。不用，去掉这个属性，但是会污染全局样式，可配合或者推荐，所有样式写在当前组件或下面组件源码放大图片更多组件点击这儿这是一个简单的点击图片预览的组件顺便记录一下写组件期间踩的vue中scope的坑~showImg(https://segmentfault.com/img/bVb...

iOS122 2019-08-26 13:38 评论0 收藏0
基于Vue + Node.js + MongoDB的图片上传组件，实现图片的预览和删除

摘要：网址功能单图多图上传图片上传预览上传进度条分组上传，分组查询新建分组，删除分组删除图片选择图片目录结构前端利用搭建，中引入子组件。实现分组的新增查询删除。利用模块实现删除文件功能。公司要写一些为自身业务量身定制的的组件，要基于Vue,写完后扩展了一下功能，选择写图片上传是因为自己之前一直对这个功能比较迷糊，所以这次好好了解了一下。演示在网址打开后的show.gif中。使用技术：Vu...

hzx 2019-06-26 17:30 评论0 收藏0
基于vue.js的图像预览组件

摘要：基于图像预览组件更多的手势操作还是开发中安装基础用法选项当前点击的图片所有的图片列表图片的宽度图片的高度图片的的地址例子注意需要配合原文 Overview 基于vue.js图像预览组件更多的手势操作还是开发中 Demo vue-fancybox Github github 安装 npm install vue-fancybox --save import fancyBox from ...

sevi_stuo 2019-08-22 10:48 评论0 收藏0