前端实现一键复制功能

移动开发 2025-04-12 21:24

0 阅读

1、下载插件

npm i [email protected]

2、在需要复制的文件中引入插件并使用：

JS:

import useClipboard from "vue-clipboard3";
const { toClipboard } = useClipboard();

HTML:

<el-tooltip content="复制内容" placement="top">
      <div
        class="copy mr10"
        @click="toClipboard('这里是你要复制的内容')"
      ></div>
</el-tooltip>