vue antd 读取剪切板
读取剪切板需要有用户交互,比如点击,第一次需要申请权限
<a-button :disabled="Object.keys(harFiles.valueOf()).length===0" @click="readClipboardText">add record from
clipboard
</a-button>
const readClipboardText = async () => {
try {
// 请求剪切板读取权限
const permission = await navigator.permissions.query({name: 'clipboard-read'});
if (permission.state === 'granted' || permission.state === 'prompt') {
// 读取文本内容
let text = await navigator.clipboard.readText()
console.log(text)
} else {
alert('请允许剪切板访问权限!');
}
} catch (error) {
console.error('读取失败:', error);
alert('无法读取剪切板内容,请确保浏览器支持或已授予权限');
}
};