引用:https://blog.csdn.net/weixin_48596030/article/details/125405779
<image :src="url" mode="widthFix" @click.self="previewImage" show-menu-by-longpress="true" style="width: 350rpx;"></image>
image属性: show-menu-by-longpress 长按图片显示发送给朋友,收藏,保存图片,搜一搜,,,
遇到的问题:
- 本地图片previewImage转圈
methods: {
//长按识别二维码
previewImage(e) {
uni.previewImage({
// 需要预览的图片链接列表。若无需预览,可以注释urls
urls: [e.target.src],
// 为当前显示图片的链接/索引值
current: e.target.src,
// 图片指示器样式
indicator: 'default',
// 是否可循环预览
loop: false,
// 长按图片显示操作菜单,如不填默认为保存相册
longPressActions: {
itemList: [this.l('发送给朋友'), this.l]
},
success: res => {
console.log('previewImage res', res);
},
fail: err => {
console.log('previewImage err', err);
}
});
},
},