vue3使用vue-clipboard3复制到剪切板

大祥子
2022-06-21 / 0 评论 / 1,141 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2022年06月21日,已超过767天没有更新,若内容或图片失效,请留言反馈。

使用vue-clipboard3实现复制到剪切板,首先引入:npm install --save vue-clipboard3详见
使用教程

<template lang="html">
  <div>
    <button @click="copyInfo('我是copy的内容')">点我复制</button>
  </div>
</template>

<script lang="ts">
import useClipboard from 'vue-clipboard3'

export default {
  setup() {
    const { toClipboard } = useClipboard()

    const copyInfo = async (info) => {
      try {
        await toClipboard(info)
        ElMessage.success('复制成功')
      } catch (e) {
        ElMessage.warning('您的浏览器不支持复制:', e)
      }
    }

    return { copyInfo }
  }
}
</script>
0

评论 (0)

取消