首先我们需要创建一个 div 用来包裹我们的预览组件,我们来控制这个 div 的显示隐藏来实现预览组件的弹出和隐藏。 为什么这几个变量为啥要定义成全局的,如果写在指令内部 v-previewImage="" 多次 就出现多个变量,和多个组件,造成了资源浪费,然后ElImageViewer组件一个页面要写多次还会出现一个错误 我给element 提了issues,现
这样,你就可以在 el-image 组件的上层添加一个容器元素,监听 touch 事件,并记录手指触摸点的位置以及位移量,在 touchend 事件中判断手势操作是否符合要求,来实现图片的缩放和局部拖拽。 需要注意的是,在实际开发中,不同的移动端设备和浏览器可能存在不同的手势操作和事件处理方式,这需要在代码中进行适配和测试。 ...
首先我们需要创建一个 div 用来包裹我们的预览组件,我们来控制这个 div 的显示隐藏来实现预览组件的弹出和隐藏。 为什么这几个变量为啥要定义成全局的,如果写在指令内部 v-previewImage="" 多次 就出现多个变量,和多个组件,造成了资源浪费,然后ElImageViewer组件一个页面要写多次还会出现一个错误 我给element 提了iss...
首先我们需要创建一个 div 用来包裹我们的预览组件,我们来控制这个 div 的显示隐藏来实现预览组件的弹出和隐藏。 为什么这几个变量为啥要定义成全局的,如果写在指令内部 v-previewImage="" 多次 就出现多个变量,和多个组件,造成了资源浪费,然后ElImageViewer组件一个页面要写多次还会出现一个错误 我给element 提了iss...
vnode = h(ElImageViewer, { urlList: [binding.value],// 图片地址 hideOnClickModal:true,// 允许点击遮罩层关闭 }); }, }); } 第三步 使用 render 函数将 vnode 渲染到我们创建的div 里面,并且将我们创建的 div 插入到 body 里面 exportdefaultfunction(app){ ...