/*  HTML：
*    <a href="javascript:;" class="copy" data-clipboard-text="copy"></a>
*/
$(‘.bdsharebuttonbox .copy‘).on(‘click‘, function (){
    $(this).attr(‘data-clipboard-text‘,window.location.href);

    var clipboard = new Clipboard(‘.copy‘);
    clipboard.on(‘success‘,function(e){
        e.clearSelection();
        alert(
 
‘復制成功‘);
    });
    clipboard.on(‘error‘,function(e){
        e.clearSelection();
        alert(‘復制失敗‘);
    });
});

// vue 文本復制插件
/*   install： 
*    1、npm install --save vue-clipboard2
*    2、import Vue from ‘vue‘
*    3、import VueClipboard from ‘vue-clipboard2‘
*/
/*    HTML：
*    <el-button class="ml10" type="text" size="medium"
*   v-clipboard:copy="sysAppIds"
*   v-clipboard:success="onCopy"
*   v-clipboard:error="onError">點擊復制</el-button>
 
*/
export default {
    data(){
      return {
        sysAppIds: ‘xxxxxxxxxxxsx‘
      }
    },
    methods: {
      // 復制成功
      onCopy(e){
        console.log(e.text);
      },
      // 復制失敗
      onError(e){
        alert("失敗");
      },
    }
 }

js文本復制插件&vue