vue，uniapp 复制剪贴板

最懒的菜鸟

已于 2023-08-03 10:07:58 修改

阅读量2.5k

点赞数 1

分类专栏： uniapp vue 文章标签：前端微信小程序 vue.js

于 2022-08-15 15:55:52 首次发布

本文链接：https://blog.csdn.net/weixin_43453621/article/details/126348431

版权

uniapp 同时被 2 个专栏收录

21 篇文章 0 订阅

订阅专栏

vue

12 篇文章 3 订阅

订阅专栏

vue，navigator.clipboard.writeText()

methods:{
    copy(context) {//context被复制的内容
      const that = this
      navigator.clipboard.writeText(context)
        .then(() => {
          that.$message.success('复制成功')
        })
        .catch(er => {
          that.$message.error('复制失败')
        })
    }
}

uniapp，uni.setClipboardData()

methods:{
    copy(context) {
    	uni.setClipboardData({
    		data: context, //被复制的内容
	    	success: () => { //复制成功的回调函数
	    		uni.showToast({
	    			title: '复制成功'
	    		})
    	    }
	    });
    }
}

OBJECT 参数说明

data	String	是	需要设置的内容
showToast	Boolean	否	配置是否弹出提示，默认弹出提示	App (3.2.13+)、H5 (3.2.13+)
success	Function	否	接口调用成功的回调
fail	Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行

OBJECT 参数说明

success	Function	否	接口调用成功的回调
fail	Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行