页面中会出现两个viewer-container

mirari / v-viewer

Image viewer component for vue, supports rotation, scale, zoom and so on, based on viewer.js

https://mirari.cc/v-viewer/

MIT License

2.49k stars 294 forks source link

Closed Lee66 closed 6 years ago

Lee66 commented 6 years ago

vue.js、viewer.js等是直接引入的，但是会出现并列两个viewer-container

mirari commented 6 years ago

贴下代码吧

Lee66 commented 6 years ago

`<!DOCTYPE html>

门店详情

审核门店

mirari commented 6 years ago

你在两个地方写了v-viewer指令，又是inline模式的，肯定会渲染出两个viewer啊

Lee66 commented 6 years ago

两渲染出来四个，我说的是一个会出现两个

mirari commented 6 years ago

给个完整的在线例子吧，这一大堆代码丢上来又运行不了，没法看我这边直接出现两个是没有重复的 https://codepen.io/mirari/pen/djYOav 抽离多余的元素逐个排查下

Lee66 commented 6 years ago

http://smallming.club/viewerTest/ 在线的地址这是我的qq 2987966029,不介意的话可以加一下

mirari commented 6 years ago

https://jsfiddle.net/ph3vw24f/ 没有复现这个问题，建议你在复杂页面改用组件式引入，并且抽离多余内容逐步排查. 可以先升级到1.1.0，指令旧写法在复杂vue页面会频繁重建。

Lee66 commented 6 years ago

升级到1.2版本有的时候的会创建2个viewer-container的问题消失了

mirari commented 6 years ago

好的，之前用指令写法时每次子元素变动都会重建，像el-table这种组件会在渲染时触发多次，现在应该没问题了