项目需要实现自动复制手机号码,此为背景:
首先考虑的是插件:找到了clipboardy。噼里啪啦一顿,代码如下:
const clipboardy = require('clipboardy');
clipboardy.write(copyText)
windows上面没有问题,正常复制。同事的mac功能实现不了,找了很多办法都不行,只能走老路,用js原始方法进行。
代码如下:
<input id="phone_copy" style='opacity: 0;position: absolute;'/>
var copyBtn = document.getElementById("phone_copy");
copyBtn.value = copyText;
copyBtn.select();
document.execCommand("copy");
this.$message.success("复制成功!");
爬坑:
很多人肯定会把input隐藏:display:none。很遗憾,这样不行,复制不了。