学无先后,达者为师

网站首页 编程语言 正文

uniapp中使用拷贝,复制粘贴功能,uniapp,隐藏软键盘

作者:yunchong_zhao 更新时间: 2022-04-18 编程语言

本来是想做分享的呢,后来想着直接让用户点击复制然后吧当前地址搞到系统的粘贴板上,让用户自己去粘贴分享
就用到了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'
						})

					}
				});

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

原文链接:https://yunchong.blog.csdn.net/article/details/121273412

栏目分类
最近更新