GitHub地址
使用
官方npm使用方法就不写了,直接上遇到的问题,报对象不支持“toJSON”属性或方法。
直接把 ./ src/ components/目录下的vue-photo-zoom-pro.vue文件拷贝到自己项目的components下自己注册成vue组件使用,在vue-photo-zoom-pro.vue全局搜索toJSON删除掉,可以解决报错
const rect = dom.getBoundingClientRect().toJSON();
this.imgInfo = $img.getBoundingClientRect().toJSON();
改成下面
const rect = dom.getBoundingClientRect();
this.imgInfo = $img.getBoundingClientRect();
最好把下面的也修改了
validImgResize(imgInfo) {
return JSON.stringify(this.imgInfo) !== JSON.stringify(imgInfo);
},
改成下面,因为在低版本的VuePhotoZoomPro下IE下这两个值stringify后是空对象,然后就相等了,现在最新版没问题
validImgResize(imgInfo) {
return this.imgInfo !== imgInfo
},