如何添加一个按钮来复制 vue.js 中显示的文本？

Question

我正在尝试添加一个按钮，使我能够将视图中的代码片段复制到 vue.js 中代码目录应用程序的剪贴板。

当我使用 vue 剪贴板库并在示例组件中尝试执行此操作时：

<div class="full-screen-code-snippet">
  {{ example.codeSnippet }}
</div>

<div class="full-screen-copy-button">
<button v-clipboard:copy="example.codeSnippet"></button>    
</div>

代码片段显示正常，但按钮不显示。这是怎么回事？我应该如何制作这个按钮？

Answer 1

您应该像这样使用它： v-clipboard="variableName" 或与 :copy 相同。 您可以在此处或这个