<button @click="copyWx(wx)" size="medium" type="primary" plain>复制微信</button>



export default {
    components:{},
    data(){
        return{
            wx:"k369312"
        }
    },
    methods:{
        copyWx(item) {
        // 模拟 输入框
        var cInput = document.createElement("input");
        cInput.value = item;
        document.body.appendChild(cInput);
        cInput.select(); // 选取文本框内容
    
        // 执行浏览器复制命令
        // 复制命令会将当前选中的内容复制到剪切板中(这里就是创建的input标签)
        // Input要在正常的编辑状态下原生复制方法才会生效
    
        document.execCommand("copy");
    
        this.$message({
            type: "success",
            message: "微信号复制成功"
        });
        // 复制成功后再将构造的标签 移除
        document.body.removeChild(cInput);
        }
    }
}

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐