<template>
<view class="content">
<view>
<!-- 图片 -->
<image :src="imgSrc" @click="previewImg()"></image>
</view>
</view>
</template>
<script>
export default {
data() {
return {
imgSrc: 'http://t15.baidu.com/it/u=3768986255,1243616948&fm=224&app=112&f=JPEG?w=500&h=313&s=192357305B224A0B02DD7CCA0300E0B0'
}
},
methods: {
// 点击预览图片
previewImg() {
// 定义一个存放图片的空数组
var srcArr = [];
srcArr.push(this.imgSrc);
// 预览
uni.previewImage({
urls: srcArr,
current: srcArr[0]
});
}
}
}
</script>
uni点击预览图片
最新推荐文章于 2024-05-07 15:57:44 发布