vue实现复制功能

实现点击一个按钮复制文本框里面的内容,点击按钮获取文本框里面的内容,写如下代码:

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

 

posted @ 2022-11-18 10:15  黑白棋学弟  阅读(382)  评论(0编辑  收藏  举报