使用Vue怎么实现一个复制功能

这篇文章将为大家详细讲解有关使用Vue怎么实现一个复制功能，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

methods: {
  copyShaneUrl(shareLink){
    var input = document.createElement("input");   // 直接构建input
    input.value = shareLink;  // 设置内容
    document.body.appendChild(_input);    // 添加临时实例
    input.select();   // 选择实例内容
    document.execCommand("Copy");   // 执行复制
    document.body.removeChild(_input); // 删除临时实例
  }
 }

方法代码如上，然后绑定需要执行当前方法的按钮

<li v-for="(item, index) in meetingList">
  <button @click="copyShaneUrl(item.shareUrl)">复制分享链接</button>
</li>

关于使用Vue怎么实现一个复制功能就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。