Vueは複製機能を実現して、いかなる構造の内容が直接的に方式を複製する必要がありません。

938 ワード

紹介:
コピードキュメントの機能を作るときは、あまり多重化されていない小さな機能であることを考慮して、最後に直接document.execCommand方法で実現することを選択します。
資料を見る時、他の人はすべてページの上で構造、IDを書く必要があることを発見しました。あるIDをキャプチャーしてコンテンツを取得するのは不便です。
使用:

methods: {
  copyShaneUrl(shareLink){
    var input = document.createElement("input");   //     input
    input.value = shareLink;  //     
    document.body.appendChild(_input);    //       
    input.select();   //       
    document.execCommand("Copy");   //     
    document.body.removeChild(_input); //       
  }
 }
方法コードは上のように結合して、現在の方法を実行するボタンが必要です。

<li v-for="(item, index) in meetingList">
  <button @click="copyShaneUrl(item.shareUrl)">      </button>
</li>
以上のこのVueは複製機能を実現して、いかなる構造の内容が直接複製する必要がなくて、小さい編集がみんなのすべての内容に分かち合うので、みんなに1つの参考をあげることができることを望んで、みんながよけいに私達を支持することをも望みます。