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 参数说明

dataString需要设置的内容
showToastBoolean配置是否弹出提示,默认弹出提示App (3.2.13+)、H5 (3.2.13+)
successFunction接口调用成功的回调
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行

 OBJECT 参数说明

successFunction接口调用成功的回调
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行
Logo

前往低代码交流专区

更多推荐