如果需要动态改变遮罩大小,需要用js去控制,可以如下操作 js部分: if(true) { document.getElementsByClassName('el-image-viewer__wrapper')[0].style.setProperty("--imgWidth", 2) }else{ document.getElementsByClassName('el-image-viewer__wrapper')[0].style.setProperty("--imgWidth", 1) } css部分: 1...
vnode = h(ElImageViewer, { urlList: [binding.value],// 图片地址 hideOnClickModal:true,// 允许点击遮罩层关闭 }); }, }); } 第三步 使用 render 函数将 vnode 渲染到我们创建的div 里面,并且将我们创建的 div 插入到 body 里面 exportdefaultfunction(app){ app.directive('previewImage', { mount...
如果需要动态改变遮罩大小,需要用js去控制,可以如下操作 js部分: if(true) { document.getElementsByClassName('el-image-viewer__wrapper')[0].style.setProperty("--imgWidth", 2) }else{ document.getElementsByClassName('el-image-viewer__wrapper')[0].style.setProperty("--imgWidth", 1) } css部分: 1...
vnode = h(ElImageViewer, { urlList: [binding.value],// 图片地址 hideOnClickModal:true,// 允许点击遮罩层关闭 }); }, }); } 第三步 使用 render 函数将 vnode 渲染到我们创建的div 里面,并且将我们创建的 div 插入到 body 里面 exportdefaultfunction(app){ app.directive('previewImage', { mount...
vnode = h(ElImageViewer, { urlList: [binding.value],// 图片地址 hideOnClickModal:true,// 允许点击遮罩层关闭 }); }, }); } 第三步 使用 render 函数将 vnode 渲染到我们创建的div 里面,并且将我们创建的 div 插入到 body 里面 exportdefaultfunction(app){ ...
vnode = h(ElImageViewer, { urlList: [binding.value],// 图片地址 hideOnClickModal:true,// 允许点击遮罩层关闭 }); }, }); } 第三步 使用 render 函数将 vnode 渲染到我们创建的div 里面,并且将我们创建的 div 插入到 body 里面 exportdefaultfunction(app){ ...
vnode = h(ElImageViewer, { urlList: [binding.value],// 图片地址 hideOnClickModal:true,// 允许点击遮罩层关闭 }); }, }); } 第三步 使用 render 函数将 vnode 渲染到我们创建的div 里面,并且将我们创建的 div 插入到 body 里面 exportdefaultfunction(app){ ...