Closed houguotao956051323 closed 1 year ago
this.viewer = new Viewer(this.$refs['preview-image'], { inline: true, button: false, navbar: false, title: false, toolbar: false, keyboard: false, loading: false, tooltip: false, transition: true, backdrop: false, // 关闭背景遮罩 rotatable: false, scalable: false, slideOnTouch: false, zoomOnTouch: true, zoomOnWheel: false, fullscreen: false, initialCoverage: this.initialCoverage, maxZoomRatio: 1.5, viewed: e => { this.viewer.image.addEventListener( 'transitionend', () => { this.viewer.options.minZoomRatio = this.viewer.imageData.ratio; this.viewed = true; }, { once: true } ); }, view: () => { // 动态加载图片后,更新实例 this.viewer.update(); }, hide: e => { e.preventDefault(); }, });
update 方法使用时机不对,不能再 view 里面使用。。。
仔细看看 view 事件说明,不要滥用 view 钩子函数。