【报Bug】uni.getClipboardData在H5下获取失败

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： Windows10

HBuilderX类型：正式

HBuilderX版本号： 3.8.12

浏览器平台： Chrome

浏览器版本： 116.0.5845.188

项目创建方式： HBuilderX

示例代码：

onLoad() {
uni.getClipboardData({
success: (res) => {
console.log(res);
if (res.data) {
this.value = res.data
this.search()
}
},
fail: (err) => {
console.log(err);
}
});
},

操作步骤：

在onLoad中获取剪切板

预期结果：

获取剪切板内容

实际结果：

获取失败

bug描述：

uniapp开发h5使用uni.getClipboardData时一直失败(errMsg: "getClipboardData:fail")

在hbuilder上和谷歌浏览器上，在https中全是失败

2023-09-26 15:42 负责人:无分享

5 个回复

喜欢技术的前端 - QQ---445849201

h5 得先用uni.setClipboardData 设置才能拿到

<template>  
    <view class="content">  
        <input type="text" v-model="value" style="width: 700rpx;height: 100rpx;border: 1px solid #007AFF;">  
        <button class="button" @click="copy()">复制</button>  
        <button class="button" @click="paste()">粘贴</button>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                value: ''  
            }  
        },  
        methods: {  
            // 复制  
            copy() {  
                uni.setClipboardData({  
                    data: 'hello',  
                    success: () => {  
                        uni.showToast({  
                            icon: 'none',  
                            title: '复制成功'  
                        });  
                    }  
                });  
            },  
            // 粘贴  
            paste() {  
                uni.getClipboardData({  
                    success: (res) => {  
                        console.log(res.data)  
                        this.value = res.data  
                    }  
                });  
            }  
        }  
    }  
</script>