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-09-19 09:07:46

    @Autowired用法详解

    在使用@Autowired时，首先在容器中查询对应类型的bean 　　　　如果查询结果刚好为一个，就将该bean装配给@Autowired指定的数据 　　　　如果查询的结果不止一个，那么@Autowired会根据名称来查找。 　　　　如果查询的结果为空，那么会抛出异常。解决方法时，使用required=false

  • 2019-09-19 11:36:58

    注解@Mapper、@MapperScan

    定要变成实现类的接口所在的包，然后包下面的所有接口在编译之后都会生成相应的实现类

  • 2019-09-19 11:46:45

    @EnableConfigurationProperties注解详解，源码

    用springboot开发的过程中，我们会用到@ConfigurationProperties注解，主要是用来把properties或者yml配置文件转化为bean来使用的，而@EnableConfigurationProperties注解的作用是@ConfigurationProperties注解生效。 如果只配置@ConfigurationProperties注解，在IOC容器中是获取不到properties配置文件转化的bean的，当然在@ConfigurationProperties加入注解的类上加@Component也可以使交于springboot管理。

  • 2019-09-19 14:10:03

    Android UI布局优化之ViewStub介绍

    ViewStub的inflate只能被调用一次，第二次调用会抛出异常，setVisibility可以被调用多次，但不建议这么做（文章中说原因）

  • 2019-09-19 14:21:47

    Dubbo和spring cloud微服务框架区别和介绍

    关于 Dubbo 和 Spring Cloud 的相关概念和对比，上面已经叙述的很清楚了，我个人比较倾向于 Spring Cloud，原因就是真正的微服务框架、提供整套的组件支持、使用简单方便、强大的社区支持等等，另外，因为考虑到 .NET/.NET Core 的兼容处理，RPC 并不能很好的实现跨语言（需要借助跨语言库，比如 gRPC、Thrift，但因为 Dubbo 本身就是“gRPC”，在 Dubbo 之上再包一层 gRPC，有点重复封装了），而 HTTP REST 本身就是支持跨语言实现，所以，Spring Cloud 这一点还是非常好的（Dubbox 也支持，但性能相比要差一些）。

  • 2019-09-22 07:12:04

    git Please move or remove them before you can merge

    这是因为本地有修改,与云端别人提交的修改冲突,又没有merge. 如果确定使用云端的代码,最方便的解决方法是删除本地修改,可以使用以下命令: git clean -d -fx