微信小程序，uni-app，图片长按后显示菜单多功能

小程·

已于 2022-03-10 10:20:27 修改

阅读量2.3k

点赞数

文章标签： elementui vue.js 前端微信小程序前端框架

于 2022-03-10 10:18:26 首次发布

本文链接：https://blog.csdn.net/m0_61077437/article/details/123394598

版权

<image :show-menu-by-longpress="true"
			src="https://thirdwx.qlogo.cn/mmopen/vi_32/DYAIOgq83ersQ30Dlqqyyb5gubnicSPpqqQPmzVIIU97Cv9eZNOlCgExxgymED7JXBB5A4gDK1xCTtxETC4QmFQ/132"
			@click="previewImage"></image>

js代码

previewImage(e) {
				// console.log('e', e);
				uni.previewImage({
					// 需要预览的图片链接列表
					urls: 'https://thirdwx.qlogo.cn/mmopen/vi_32/DYAIOgq83ersQ30Dlqqyyb5gubnicSPpqqQPmzVIIU97Cv9eZNOlCgExxgymED7JXBB5A4gDK1xCTtxETC4QmFQ/132',
					// 为当前显示图片的链接/索引值
					current: 'https://thirdwx.qlogo.cn/mmopen/vi_32/DYAIOgq83ersQ30Dlqqyyb5gubnicSPpqqQPmzVIIU97Cv9eZNOlCgExxgymED7JXBB5A4gDK1xCTtxETC4QmFQ/132',
					// 图片指示器样式	
					indicator: 'number',
					// 是否可循环预览
					loop: false,
					// 长按图片显示操作菜单，如不填默认为保存相册
					// longPressActions:{
					// 	itemList:[this.l('发送给朋友'),this.l]
					// },
					success: function(data) {
						// console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
					},
					fail: function(err) {
						// console.log(err.errMsg);
					}
				});
			},

求个关注