Vue商品放大镜 VuePhotoZoomPro(IE下不兼容报错问题)

GitHub地址

https://github.com/Mater1996/vue-photo-zoom-pro

使用

官方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
},
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容