vue点击复制当前网页链接进行分享

最新推荐文章于 2024-10-29 15:13:22 发布

原创最新推荐文章于 2024-10-29 15:13:22 发布 · 1.8k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue #前端 #html

收录于

前端同时被 3 个专栏收录

43 篇文章

订阅专栏

vue

30 篇文章

订阅专栏

html

19 篇文章

订阅专栏

本文介绍了一种基于JavaScript的图片复制功能实现方案，通过使用v-clipboard插件完成图片链接的复制操作，并展示了如何通过回调函数来判断复制操作的成功与失败。

<img src="../../assets/img/fenlian.png"  v-clipboard:copy="网页链接"
      v-clipboard:success="onCopy"
      v-clipboard:error="onError" alt="" />



  onCopy: function (e) {
      alert('成功复制: ' + e.text)
    },
    onError: function (e) {
      alert('复制失败')
    },