前端vue.js实现点击复制功能(完美解决移动端可用)

323 阅读1分钟

效果图:

粘贴图: 

 

源码:

<div class="box_m form_conter">
    <span class="box_p lader">社会信用代码:</span>
    <input type="text" value="form_tone" id="form_tone">
    <span class="box_p bader" @click="copyCode">复制</span>
</div>
new Vue({
    el: '#Online',
    data: {

    },
    created() {
        var _this = this;
    },
    methods: {
        copyCode() {
            var copycode = document.getElementById("form_tone");
            copycode.select(); // 选择对象
            document.execCommand("Copy"); // 执行浏览器复制命令
            alert("已复制好,可贴粘。")
        }
    }
})