阐述
- 有些时候我们在用uniapp显示图片时,有的不宜全部显示到屏幕上,uniapp提供了一个非常好用的api。
实现方式如下:
<template> <view class="content"> <image class="logo" src="/static/images/a.png" @click="clickImg"></image> </view> </template> <script> export default { methods: { clickImg() { uni.previewImage({ urls: ["/static/images/a.png"], //需要预览的图片http链接列表,多张的时候,url直接写在后面就行了 current: '', // 当前显示图片的http链接,默认是第一个 success: function(res) {}, fail: function(res) {}, complete: function(res) {}, }) }, } } </script>
效果