vue3 clipboard3 复制内容

code-hua

已于 2022-05-02 21:32:11 修改

阅读量474

点赞数

文章标签： vue.js 前端 javascript

于 2022-05-02 21:30:59 首次发布

本文链接：https://blog.csdn.net/Create_future/article/details/124547127

版权

vue3 clipboard3 复制内容

安装

npm install --save vue-clipboard3

使用

<template>
  <button @click="copyUrl('123123')"/>
</template>
<script lang="ts" setup>
import useClipboard from 'vue-clipboard3'

const { toClipboard } = useClipboard()
const copyUrl = async (msg:string) => {
  try {
    //复制
    await toClipboard(msg)
    console.log(msg)
  } catch (e) {
    //复制失败
    console.error(e)
  }
}
</script>