弹窗v-viewer点击第二次后没办法预览图片

最新推荐文章于 2024-11-11 15:08:53 发布
最新推荐文章于 2024-11-11 15:08:53 发布
阅读量957 收藏 1
点赞数
文章标签： vue viewer
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_43000233/article/details/122896537
版权

弹窗v-viewer点击第二次后没办法预览图片，
viewer.update() 没用
viewer.destroyed()加viewer.update()也没用
既然viewer可以销毁，为什么不把弹窗给销毁呢？
在这里插入图片描述命名一个refresh：true
在这里插入图片描述
当控制组件弹出的modals为false，refresh也为false，第二次打开的时候预览图片也能预览了

IT废大叔
关注
【python自动化办公】PysimpleGUI官网案例全部项目代码文件及运行截图
lys_828的博客
08-18 1046
对pysimegui官网中的案例项目进行运行展示，进行逐个文件的运行与结果截图展示，共342个项目
Debug-022-el-upload照片上传-整体实现回顾(上)
LM0916的博客
08-23 1564
前情概要：最近业务里通过el-upload实现一个上传图片的功能，有一些小小的心得分享给各位。一方面是review一下，毕竟实现了很多细小的功能，还有这么多属性、方法（钩子）和碰到的问题，感觉小有成就。另一方面，这个上传图片的功能比较少用，但是确实多数系统都有可能去做的一项功能，时间一久，很多钩子和属性非常容易遗忘，所以这里备份可以便于将来二次利用，温习一下，很多地方又可以直接去CV，也算是为以后提升效率考虑吧（虽然现在把这些在回顾一遍写下来真的超级麻烦，但还是应该有一些匠心精神吧，共勉共勉）。
viewer 图片查看器，图片显示不全和第二次图片查看无法初始化的bug
weixin_30278237的博客
12-11 1247
项目中的图片预览，使用了viewer这个基于jq的插件； 但是在部分有弹窗的页面，查看图片时会出现只能显示部分的bug； 如下： 审查元素发现图片仅仅是基于弹窗大小做的显示，而不是基于整个页面，因此把初始化由 $('.image').viewer();改为：$('body').viewer()即可（image为图片的class）;让其基于整个浏览器去做一个显示，同理，侧弹窗预览图片不居...
viewer插件多图预览，AJAX动态生成的图片无法展示的问题
qq_42538872的博客
03-27 2256
//viewer插件多图预览 //照片浏览 var viewer = new Viewer(document.getElementById(‘dowebok’), { //如果是AJAX生成的图片，必须要加这段代码 url: ‘data-original’, show: function (){ viewer.update(); }, }); //点击空白隐藏 KaTeX parse error:...
vue使用v-viewer插件做图片展示预览遇到弹框再次打开无法预览图片问题
向着太阳微笑
09-16 2534
使用element-ui框架；v-viewer图片预览插件； 问题描述： 列表中点击查看详情，e-dialog弹框查看详情；弹框中有多张图片； 列表刷新后，首次点击查看详情时；点击图片预览放大正常；关闭弹框后再次打开查看详情；点击图片无反应； 挠头一小时，头发掉一地！！！ 经过大量比对。最后发下其问题所在：（就是技术菜） 下面是有问题的代码片段： <el-form-item label="渠道结算截图"> <viewer> <img v-for="
Vue + ElementUI + Viewer翻页后图片无法预览 Vue父子组件异步通信问题
小绵杨
11-05 2478
问题 如标题，我在一个vue项目中使用了element的分页组件，当页数更改时，通过页数使用axios向后端请求从数据库对应的一部分数据。例如当前页数为1，则从数据库中取第一到八条数据。对于展示的数据，为了使图片实现预览的功能，我是用了一个图片预览插件viewer.js。可当我从第一页跳转到第二页后，发现点击页面 的图片，无法实现预览。 分析 vue父子组件异步通信导致。 这是父组件向子组件传值： 每当页数发生变化，我就调用封装了axios的getData()方法，请求后端的值。函数中参数val为当前页数：
vue-seamless-scroll，无限循环二轮图片加载不出来问题
m0_58052700的博客
05-25 999
vue-seamless-scroll，无限循环二轮图片加载不出来问题
Webview点击二次界面js方法不能响应
Lucky_Deng的博客
07-14 3659
提出问题：网页定位在app中定位不太准确，这个大家都知道，这就需要我们前端人员定位，通过交互传给后台，包括经纬度，省市区，我刚进入界面的时候需要向后台传一次经纬度，以便他们计算商家的距离展示出来，在这时候需要后台获取一次，当点击webview里面的城市选择的时候，再需要交互一次，后台第二次获取，当你这时候就会发现，第二次获取不会成功，因为后台在页面找不到我们协商的那个方法，但是我们确实前端存在这个
Android开源经典项目
Tamic （大白）
09-13 5924
Android开源项目大全，包括经典个人博客，组织和开源项目
iOS 第三方库汇总（超全！！！！）
iOS_Cloud的博客
12-29 7674
图像： 1.图片浏览控件MWPhotoBrowser        实现了一个照片浏览器类似 iOS 自带的相册应用，可显示来自手机的图片或者是网络图片，可自动从网络下载图片并进行缓存。可对图片进行缩放等操作。       下载：https://github.com/mwaterfall/MWPhotoBrowser   目前比较活跃的社区仍旧是Github，除此以外
viewer点击图片弹出（可放大缩小自由旋转拖拽）
10-14
点击图片弹窗窗体(viewer.js和viewer.css)无需写样式直接调用，有放大、旋转、移动等丰富功能，直接绑定元素就能使用，小白教程
常见Android面试问题汇总--持续更新
qq601517284的博客
04-04 195
1 handler的机制 2 view事件分发流程 3 自定义view流程 4 listview和recyclerview区别，优缺点 5 常见的设计模式 6 activity的启动流程 7 卡顿问题如何处理 8
vue2使用v-viewer实现图片预览
weixin_43784341的博客
08-02 5893
在Vue.js 2中使用v-viewer插件实现图片预览功能相对简单。v-viewer是一个Vue.js的图片预览插件，可以轻松实现图片的放大、缩小和滑动预览等功能。中文文档：Vue图片浏览组件v-viewer，支持旋转、缩放、翻转等操作 | Mirari’s Blog。在上面的代码中，我们将 v-viewer 指令应用在 img 标签上，这样点击图片时会触发预览效果。用于图片浏览的Vue组件，支持旋转、缩放、翻转等操作，基于viewer.js。
记录viewer.js动态更新图片导致无法预览
LiuQjie的博客
01-12 1561
前言 问题：viewer只能初始化一次，导致用ajax添加了新的图片无法预览 解决：viewer.update();【当源图像更改（添加、删除或排序）时更新查看器实例。】 1、HTML <ul id="picView"></ul> 2、实现代码 let viewer; $(function () { //初始化 viewer = new Viewer(document.getElementById('picView'))
Vue 的移动端Vant组件库中本地图片引入循环遍历不显示的解决办法？
闫小样丶的博客
06-18 5426
最近在使用vant做项目使用van-image的过程中，发现如下几个问题： 使用van-image引入图片资源，图片不显示； 使用img标签引入图片资源可以显示，但是若是for循环遍历出来的图片资源，同样不显示。 首先说一下项目的场景： 1. 项目的原型图是这样的 使用如下代码即可实现： <van-grid :column-num="3"> <van-grid-item v-for="(item, index) in qyxcList"
记录nuxt 使用 vue-seamless-scroll 无缝滚动和 v-viewer点击放大图片的组件
qq_37124515的博客
07-24 1442
地址 v-viewer 点击图片放大 vue-seamless-scroll 无缝滚动 遇到的问题 v-viewer 点击图片无法响应事件 解决: 使用事件委托 GotoImage() <client-only> <scroll-seamless :data="list" :class="ScrollClass" :class-option="options" // 事件委托 @cli
Vue中使用Swipper轮播图 解决效果不能出来问题
m0_63905956的博客
07-22 1149
简单swipper在vue中引入
viewer动态加载图片第一次点击预览图片失败的问题
Roy的博客
12-16 3744
众所周知,每一个插件都有很多坑,比如说市面上比较火爆的 图片浏览插件viewer,有js版本和jqery版本的,尽管这两个版本不一样,但是大同小异. 话不多说直接上代码 HTML部分 <div style="min-height:180px;"> <ul class="barcode_img" id="style_img"> ...
一个vue中图片预览的插件V-viewer
最新发布
weixin_64195383的博客
11-11 1378
如果你有一些奇奇怪怪的需求的话比如动态的给dom元素添加v-viewer这个指令的话小编这里可以告诉你使用setAttribute就可以了,但是如果你是动态的去给img标签使用的话，你可能需要去实例化v-viewer代码如下这些代码更应该出现在事件中=null) {viewer.value.destroy() 销毁之前的viewer实例创建新的实例这里的target是一个dom元素其中的target也可以是一个domList，如果是这样的话show方法里面的参数就更应该是个index了。
Vue图片浏览新体验：v-viewer插件实现预览、旋转与缩放
资源摘要信息:"vue 利用插件v-viewer实现图片预览、旋转和缩放" Vue.js是一个流行的前端JavaScript框架，用于构建用户界面和单页应用程序。在Vue.js项目中，经常需要实现图片的预览功能，以及对图片进行各种操作，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值