开发环境下使用navigator.clipboard进行复制操作,打包部署到服务器上后,发现该功能显示为undefined;查相关资料后,发现clipboard只有在安全域名下才可以访问(https、localhost),在http域名下只能得到undefined;文章来源:https://www.toymoban.com/news/detail-658615.html
解决方案如下:文章来源地址https://www.toymoban.com/news/detail-658615.html
let clipboard = navigator.clipboard || {
writeText: (text) => {
let copyInput = document.createElement('input');
copyInput.value = text;
document.body.appendChild(copyInput);
copyInput.select();
document.execCommand('copy');
document.body.removeChild(copyInput);
}
}
if (clipboard) {
await clipboard.writeText(this.formData.url);
this.$message.success('复制成功');
}
到了这里,关于解决http下navigator.clipboard为undefined问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!