移动端vue实现图片预览功能

图片预览由w-previewimg实现

1、拷贝w-previewing源代码。

2、在components文件夹下创建previewimg目录

3、将一下两个文件加入进去:

创建index.js

/**

* Created by ty on 18/2/1.

*/

import wpreviewImg from './previewImg.vue'

export default wpreviewImg;

创建previewimg.vue

4、在页面中引入


5、使用


6、属性以及方法:

总结:可以使用npm install w-previewing --save,为什么还要下载源码,自己封装呢。因为模块下载的preview不能实现自己封装,如果产品有修改需求,我们可以在previewimg.vue文件中修改对应的样式。

你可能感兴趣的:(移动端vue实现图片预览功能)