vue.js 复制问题

问题描述

问 题

<div class="share-item">
    <span class="mi-icon-link fresh-purple" @click="copyLink()"></span>
    <span>复制链接</span>
    <input type="text" id="cpLink" v-model="link" />
</div>

//复制链接
copyLink: function () {
    var url = document.getElementById("cpLink");
    url.select();
    document.execCommand("copy");
    alert('复制成功！');
    
},

代码如上，当input的type是text时，复制OK，但是页面不能显示这个input，于是我就给input的type改成hidden，复制失败，然后把type改回text，再给input加样式 display:none; 复制失败
请问下这是什么情况？
在页面上我不想显示input里的内容，想复制OK，要如何写？

解决方案

设置透明度 opacity:0 试试

这篇关于vue.js 复制问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！