1、安装依赖库clipboard

npm install clipboard --save

2、在js函数文件夹 utils创建一个copy.js

import copyjs from 'clipboard'

export function copyMetheds(tx) {
    const clicopy = new copyjs('.btnimg-s',{
        text:()=>{
            return tx
        }
    })
    clicopy.on('success',()=>{
        showDialog({
            title: '温馨提醒：',
            message: '激活码已经复制到剪贴板，可以直接粘贴使用。',
            theme: 'round-button',
            confirmButtonText: '关闭',
            confirmButtonColor:'#0c4b9a'
        }).then(() => {
            clicopy.destroy()
        });
    })

    clicopy.on('error',()=>{
        showDialog({
            title: '温馨提醒：',
            message: '激活码未生成，请耐心等待。',
            theme: 'round-button',
            confirmButtonText: '关闭',
            confirmButtonColor:'#0c4b9a'
        }).then(() => {
            clicopy.destroy()
        });
    })

    clicopy.onClick(event)
}

3、在vue文件中引入copy.js

import {copyMetheds} from "@/utils/copy.js"

const copytext =()=>{
  copyMetheds(backrt.num)
}

vue文件 html代码

<template>
<div class="rbMain">
    <div class="rb-cent">
      <div class="rb-sql">
        <div class="rb-img"><img src="@/assets/images/v2/ps.png"></div>
        <div class="rb-input">
          <label>{{backrt.num?backrt.num:'您的激活码为'}}</label>
        </div>
        <div class="rb-btn2s">
          <label @click="copytext" class="btnimg-s"><img src="@/assets/images/v2/b1.png"></label>
          <label @click="sendPost"><img src="@/assets/images/v2/b2.png"></label>
        </div>
      </div>
    </div>
</div>
</template>