vue 改变用户粘贴板上的内容

首先我们在data中定义一个要用户复制的内容

data() {
    
    
        return {
    
    
           consnte: "没想到吧?"
        }
}

然后我们定义一个函数

 setClipboardText() {
    
    
     var cInput = document.createElement("input");
     cInput.value = this.consnte;
     document.body.appendChild(cInput);
     cInput.select(); // 选取文本框内容

     // 执行浏览器复制命令
     // 复制命令会将当前选中的内容复制到剪切板中(这里就是创建的input标签)
     // Input要在正常的编辑状态下原生复制方法才会生效

     document.execCommand("copy");

     this.$message({
    
    
         type: "success",
         message: "复制成功"
     });
 },

在任何位置触发代码都可以复制到
当然 原始js也可以用

猜你喜欢

转载自blog.csdn.net/weixin_45966674/article/details/125790543