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,要如何写?

回复
阅读 5.7k
4 个回答

设置透明度 opacity:0 试试

复制可以考虑用ZeroClipboard.js,毕竟兼容性会好一些

试试opacity:0的兼容性写法

这个和vue没什么关系吧,应该是浏览器做了限制。你可以把input设置成绝对定位,然后移到页面外边

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏