fix:大屏编辑页面复制编码功能优化,不使用Clipboard API

main
hong.yang 1 year ago
parent c91241a3e8
commit 90c39e7b86

@ -3,7 +3,7 @@
"version": "2.0.1-2024010901-Alpha",
"description": "自定义大屏",
"author": "gcpaas",
"license": "MIT",
"license": "Apache-2.0",
"main": "packages/index.js",
"keywords": [
"dataRoom",

@ -414,16 +414,22 @@ export default {
* 复制大屏编码
*/
copyCode () {
try {
let code = this.dataForm.code
navigator.clipboard
.writeText(code)
.then(() => {
this.$message.success("复制成功");
})
.catch(err => {
this.$message.error("复制失败,请手动复制");
console.error(err);
})
const transfer = document.createElement('input')
document.body.appendChild(transfer)
transfer.value = code
transfer.focus()
transfer.select()
if (document.execCommand('copy')) {
document.execCommand('copy')
}
transfer.blur()
transfer.style.display = 'none'
this.$message.success('复制成功')
} catch (e) {
this.$message.error('复制失败, 请手动复制')
}
}
}
}

Loading…
Cancel
Save