引用: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);
			}
		});
	},
},

12-04 06:22