关于使用clipboard插件在pc不能cv这件事

原创于 2023-03-07 16:41:07 发布 · 97 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue

在安装了剪切板第三方库后，按照官网示例无法在本地成功复制内容。通过添加事件监听处理success事件，可以实现文本的复制功能。当点击按钮时，现在能够正确地从DOM元素中获取并复制文本到剪切板。

安装完剪切板的第三方库后，依据官网使用案例，在本地怎么也不能cv成功

官网：https://clipboardjs.com/#example-action

<!-- Target -->
<input id="foo" value="https://github.com/zenorocha/clipboard.js.git">

<!-- Trigger -->
<button class="btn" data-clipboard-target="#foo">
    <img src="assets/clippy.svg" alt="Copy to clipboard">
</button>

后面往下看了点，可以通过加事件监听来获取text

onMounted(() => {
//不加这个事件，光靠dom  cv不成功
  new ClipboardJS(".btn").on("success", (e) => {
    console.info("Text:", e.text);
  });
});