一,实现效果
二,实现思路
三,完整代码:
//复制地址的操作copyText(){var input = document.createElement("input"); // js创建一个input输入框input.value = this.ruleForm.url; // 将需要复制的文本赋值到创建的input输入框中,this.ruleForm.url这个是我要复制的内容document.body.appendChild(input); // 将输入框暂时创建到实例里面input.select(); // 选中输入框中的内容document.execCommand("Copy"); // 执行复制操作document.body.removeChild(input); // 最后删除实例中临时创建的input输入框,完成复制操作this.$message({message: '复制成功',type: 'success'});},
如果觉得《vue中点击 将内容复制到剪贴板》对你有帮助,请点赞、收藏,并留下你的观点哦!