Vue如何实现点击复制功能？

因为之前在做表格的时候，有些内容直接超出隐藏了，而有些重要的数据却看到，无法正常使用。由此产品经理提出了增加一个按钮，要求在用户点击的时候可以复制全部的内容，下面是实现的具体方法，请参考。

视图

<button @click="copyContent('我即将被复制')">复制</button>

相关逻辑

copyContent(content) {
    // 创建DOM元素
    let domInput = document.createElement("input");
    // 将要复制的内容传递给DOM
    domInput.value = content;
    // 为DOM声明ID
    domInput.id = "creatDom";
    // 向body添加DOM
    document.body.appendChild(domInput);
    // 选择对象
    domInput.select();
    // 执行浏览器复制命令
    document.execCommand("Copy"); 
    // 获取DOM
    let creatDom = document.getElementById("creatDom");
    // 删除DOM
    creatDom.parentNode.removeChild(creatDom);
    alert("已复制好，可贴粘。");
}