uniapp中使用拷贝，复制粘贴功能，uniapp，隐藏软键盘_uni.setclipboarddata

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

uni.setClipboardData(OBJECT)
uni.setClipboardData({
    data: 'hello',
    success: function () {
        console.log('success');
    }
}
1
2
3
4
5
6
7

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

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'
						})

					}
				});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

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