vue3复制到剪切板

以下是使用vue-clipboard2插件在Vue3中复制内容到剪切板的方法：

1. 首先，安装vue-clipboard2插件。可以使用npm或yarn进行安装：

npm install --save vue-clipboard2

2. 在Vue组件中引入vue-clipboard2插件：

import VueClipboard from 'vue-clipboard2';

export default {
  // ...
  components: {
    VueClipboard,
  },
  // ...
}

3. 在模板中使用vue-clipboard2插件的复制功能。有两种使用方式：

方式一：使用v-clipboard指令

<template>
  <div>
    <input type="text" v-model="message">
    <button v-clipboard:copy="message">复制到剪切板</button>
  </div>
</template>

方式二：使用VueClipboard组件

<template>
  <div>
    <input type="text" v-model="message">
    <VueClipboard :text="message">
      <button>复制到剪切板</button>
    </VueClipboard>
  </div>
</template>

以上两种方式都可以实现将输入框中的内容复制到剪切板中。