Vueボタンをクリックしてテキストの内容をコピーする例を実現します。

コピー機能をクリックして、主にclipboard.jsで実現します。
vueでclipboard.jsを使っていますが、一つの問題が発見されました。inputやbuttonボタンでないと、コピーが成功しません。使用手順は以下の通りです。
1、clipboard.jsを導入する方法は以下の通りです。
最初の直接npmインストール：npm install clipboard--save
第二の種類：（ダウンロードアドレス：https://clipboardjs.com/）
2、必要なコンポーネントの中でimport
引用方法：import Clip board from'clipboard'
3、コピーするものを追加する
例えば：解析：data-clipboard-text後とコピーが必要な内容
4、クリック後の方法を追加します。

  copy() {
  var clipboard = new Clipboard('.tag-read')
  clipboard.on('success', e => {
   console.log('    ')
   //     
   clipboard.destroy()
  })
  clipboard.on('error', e => {
   //      
   console.log('           ')
   //     
   clipboard.destroy()
  })
  }

以上のVueはボタンを押してテキストの内容をコピーすることを実現しました。その例は小編集が皆さんに提供した内容の全部を共有しています。