使用vue实现复制功能

2023-12-24 07:48:04

1.安装命令

npm install --save vue-clipboard3

2.代码

<template>
  <button @click="copy">点击复制</button>
</template>
 
<script>
import { defineComponent } from "@vue/composition-api";
import useClipboard from "vue-clipboard3";
export default {
  setup() {
    const { toClipboard } = useClipboard();
    const copy = async () => {
      try {
        await toClipboard("复制");
        console.log("复制成功");
      } catch (err) {
        console.log(err);
      }
    };
    return {
      copy,
    };
  },
};
</script>

文章来源:https://blog.csdn.net/CQXXTXX/article/details/135171367
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。