v-viewer大图预览没有图片

2021-04-28 12:05:12

这是一个人工失误的问题。修改 option中的url就好了

原因是因为我从原来的老工程中直接复制过来的代码。原来大图预览好好的。现在不知道为啥不能用了，也没有报错。包也是原来版本的包。哎。


最后多次尝试，发现和我配置选项立的url：‘data-source’有关。


options: {
  inline: button: navbar: title: toolbar: tooltip: movable: zoomable: rotatable: scalable: transition: fullscreen: keyboard: url: }


其实他的意思，是你预览大图的时候用 data-srouce上面的url。

展示和弹出图片源异源
‘url’: ‘data-source’ // 设置大图片的 url

这个不生效怎么破
<viewer>
<img class="photos reference-img" :src="scope.row[scope.column.property]+'?x-oss-process=image/quality,q_10'" :alt="scope.row.userId+'的图片'" :data-source="scope.row[scope.column.property]+'?x-oss-process=image/quality,q_60'" >
</viewer>


这是个好事，因为我知道了怎么使用预览大图和小图不一样的配置。


郁闷的是，这个问题之前就这么写的，没有问题，不知道为啥现在出现了问题。

浪费了我一个多小时。哎。

  • 精彩推荐

  • 2019-02-24 09:47:09

    解决Node.js的命令行输出中文乱码问题（也适用于Electron）

    ​一般我们的js文件都是试用utf8编码保存的，但是中文windows的命令行一般默认使用cp936编码（就是gbk），这样我们用js代码 console.log('中文');输出日志的时候，会发现输出的是乱码。 网上有提供一些解决方案，典型的就是用iconv或iconv-lite，把这些中文字符串先转成gbk再输出。 但是这个方案我试了多次，在win10的命令行下，utf8的字符串是成功转成了gbk字符串了（通过打印Buffer可以见到），但是输出还是乱码。

  • 2019-02-25 10:05:41

    Android Socket连接（模拟心跳包，断线重连，发送数据等）

    因为是要保证全局只能有一个连接，而且我们还需要在不同的Activity中发指令，因此肯定不能在需要发指令的界面中都去连接socket，这样一来不好管理，性能也不好，重复代码也会比较多，所以想了一下还是把socket放到service中比较好，发指令功能都放在service中即可。

  • 2019-02-28 15:54:24

    HTTP协议缓存策略深入详解之ETAG妙用

    　　HTTP协议规格说明定义ETag为“被请求变量的实体值” 。另一种说法是，ETag是一个可以与Web资源关联的记号（token）。典型的Web资源可以一个Web页，但也可能是JSON或XML文档。服务器单独负责判断记号是什么及其含义，并在HTTP响应头中将其传送到客户端。

  • 2019-02-28 16:46:26

    android获取视频、图片时添加防盗链

    使用HTTP协议时，可以利用头信息中的Referer做防盗链。 我们在一些网站的网页里访问图片的时候，在图片本站是可以正常看到的，但在外头就不能看到了，这是因为在http的header信息中的referer元素。

  • 2019-03-02 11:29:17

    MySQL学习之索引顺序

    这个问题比较简单，MySQL本身会对条件和索引进行判断，这样写可以用到索引，没有问题。