本来是想做分享的呢,后来想着直接让用户点击复制然后吧当前地址搞到系统的粘贴板上,让用户自己去粘贴分享
就用到了uniapp的自带api

uni.setClipboardData(OBJECT)
uni.setClipboardData({
    data: 'hello',
    success: function () {
        console.log('success');
    }
}

在这里插入图片描述
但有个小问题就是 他复制完成之后 好像会自动弹出一个内容已经复制。还会吧软键盘弹起来 这个就很难受了
需要我们自己把它们全都给隐藏了

let url = window.location.href
				uni.setClipboardData({
					data: url,
					showToast: false,
					success: () => {
						uni.hideToast();   // 隐藏弹出提示
						uni.hideKeyboard();   //  隐藏软键盘
						this.$refs.uToast.show({
							title: '地址已经复制,请直接粘贴进行分享即可',
							type: 'success',
							url: '/pages/user/index'
						})

					}
				});

这样就可以。
关注我。持续更新 前端知识。

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐