点击文本或按钮实现复制

功能：点击按钮或者文本可以复制对应的数据

百度到了document.execCommand，结果发现这个现在已经废弃了。

然后就发现了另一个解决办法 navigator.clipboard.writeText(val)，具体如下：

// 先给要复制的文本或者按钮加上点击事件后，并将要复制的值传过来
async copyValue(val) {
    try {
        await navigator.clipboard.writeText(val);// val就是要复制的值
        this.$message({
            type: "success",
            message: "复制成功",
        });
    } catch (err) {
        console.error("Failed to copy: ", err);
    }
}

实现效果： 

然后就可以 Ctrl + V 到想要的地方了 

如果需要适配微信浏览器，看这里vue 适配微信浏览器 实现点击按钮复制文本 clipboard_Naive_Jam的博客-优快云博客