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-05-09 11:46:30

    Glide使用高级技巧(解决Glide生成缓存Key问题)

    虽说Glide将缓存功能高度封装之后,使得用法变得非常简单,但同时也带来了一些问题。 比如之前有一位群里的朋友就跟我说过,他们项目的图片资源都是存放在七牛云上面的,而七牛云为了对图片资源进行保护,会在图片url地址的基础之上再加上一个token参数。也就是说,一张图片的url地址可能会是如下格式:

  • 2019-05-13 14:34:42

    linux系统中清理MySql的日志文件,打印日志文件

    默认情况下mysql会一直保留mysql-bin文件,这样到一定时候,磁盘可能会被撑满,这时候是否可以删除这些文件呢,是否可以安全删除,是个问题。 首先要说明一下,这些文件都是mysql的日志文件,如果不做主从复制的话,基本上是没用的,虽然没用,但是不建议使用rm命令删除,这样有可能会不安全,正确的方法是通过mysql的命令去删除。

  • 2019-05-14 16:47:27

    数据库整理碎片

    最后还是用的ALTER TABLE来修改的,不知道为什么有时候管用,有时候不管用。

  • 2019-05-17 16:27:26

    在vue项目里面使用引入公共方法

    今天早上来到公司,没事看了一下别人的博客,然后试了一下,发现的确是可以的,在此记录一下,方便自己日后查阅。 首先新建一个文件夹:commonFunction ,然后在里面建立 一个文件common.js

  • 2019-05-18 12:37:39

    Android夜间模式的实现方案

    对于一款阅读类的软件,夜间模式是不可缺少的。最初看到这个需求时候觉得无从下手,没有一点头绪。后来通过查阅资料发现Android官方在Support Library 23.2.0中已经加入了夜间主题。也就是只需要通过更换主题便可实现日间模式和夜间模式的切换。下面截取项目实现的夜间模式效果图:

  • 2019-05-18 12:38:41

    android 快速实现夜间模式

    最近项目中遇到了一个问题,夜间模式在8.0以上的手机中不起作用,查看了一下原因,是夜间模式实现方法的问题。分两种情况介绍一下

  • 2019-05-18 12:40:35

    Android夜间模式的几种实现

    通过增加一层遮光罩来实现。效果不是很理想,但是好用,毕竟很多手机都有自己的夜间模式了

  • 2019-05-19 02:25:15

    php使用TCPDF生成PDF文件教程

    orientation属性用来设置文档打印格式是“Portrait”还是“Landscape”。 Landscape为横式打印,Portrait为纵向打印