阐述
- 有些时候我们在用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>
效果
文章来源地址https://www.toymoban.com/news/detail-630682.html
文章来源:https://www.toymoban.com/news/detail-630682.html
到了这里,关于uniapp点击图片放大预览的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!