一、vue項目利用vue-clipboard2實現剪切板的功能
1、安裝vue-clipboard2插件：cnpm install --save vue-clipboard2
2、main.js添加
import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard)
3、copy組件：message綁定需要復制的文本/onCopy復制成功回調/onError復制失敗回調
v-clipboard:copy="message"
v-clipboard:success="onCopy"
v-clipboard:error="onError"
二、原生js實現點擊按鈕，復制文本框中的的內容
<body>
<textarea cols="20" rows="10" id="test">用戶定義的代碼區域</textarea>
<input type="button" onClick="copyUrl2()" value="點擊復制代碼" />
</body>
<script type="text/javascript"> function copyUrl2(){ var Url2=document.getElementById("test"); Url2.select(); // 選擇對象
document.execCommand("Copy"); // 執行瀏覽器復制命令
alert("已復制好，可貼粘。"); } </script>