【vue】实现点击复制功能

<div @click.stop="copyVal(txt_val)">{
    
    {
    
    txt_val}}</div>

methods: {
    
    
        // 复制操作
        copyVal(context) {
    
    
            // 创建输入框元素
            let oInput = document.createElement('input');
            // 将想要复制的值
            oInput.value = context;
            // 页面底部追加输入框
            document.body.appendChild(oInput);
            // 选中输入框
            oInput.select();
            // 执行浏览器复制命令
            document.execCommand('Copy');
            // 弹出复制成功信息
            this.$message.success('复制成功');
            // 复制后移除输入框
            oInput.remove();
        }
    }