vue2实现复制粘贴

以下是使用Vue2实现复制粘贴的方法：

1.首先，安装vue-clipboard2库并引入：

npm i vue-clipboard2
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)

2.然后，在需要复制的文本或节点上使用v-clipboard指令：

<!-- 复制文本 -->
<button v-clipboard:copy="text">复制文本</button>

<!-- 复制节点 -->
<div v-clipboard:copy="#node">复制节点</div>

3.如果需要在复制成功或失败后进行一些操作，可以使用回调函数：

<button v-clipboard:copy="text" v-clipboard:success="onCopySuccess" v-clipboard:error="onCopyError">复制文本</button>

methods: {
  onCopySuccess() {
    console.log('复制成功')
  },
  onCopyError() {
    console.log('复制失败')
  }
}

4.如果需要在Vue组件中使用复制粘贴功能，可以使用vue-clipboard2提供的mixins：

import { Clipboard } from 'vue-clipboard2'

export default {
  mixins: [Clipboard],
  data() {
    return {
      text: '需要复制的文本'
    }
  },
  methods: {
    onCopySuccess() {
      console.log('复制成功')
    },
    onCopyError() {
      console.log('复制失败')
    }
  }
}