vue项目中 实现复制功能

一 vue使用插件

vue 可使用 vue-clipboard 插件

npm i vue-clipboard2 -S 安装插件

在main.js 中引入

import VueClipboard from ‘vue-clipboard2’

Vue.use(VueClipboard)

<el-input v-model="input" size="mini" placeholder="请输入内容"></el-input>
<el-button
	type="text"
	icon="el-icon-document-copy"
	v-clipboard:copy = 'input'
	v-clipboard:success = 'onCopy'
>复制</el-button>
// success 回调，复制成功，即可粘贴.
 methods: {
    onCopy () {
      this.$message.success('复制成功')
    }
  }

二 js

使用 js 选择要复制的 dom元素，使用select() 方法对其进行选中

执行 document.execCommand("copy") 进行复制操作

返回 true，即可粘贴