如何新增一個按鈕來複製 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 相同。 您可以在此處或這個

sssccc