JS复制到剪切板与vue复制到剪切板

js复制方法：

首先需要在页面中放置一个input标签，将其隐藏。将所要复制的值给予input标签，通过select() 方法选取文本域中的内容。最后通过document.execCommand来实现功能。该方法允许运行命令来操纵可编辑区域的内容。详情请点击

vue通过依赖包实现复制功能

在mian.js文件中引入import VueClipboard from 'vue-clipboard2'，而后使用Vue.use(VueClipboard )

onCopy (e) {

    this.$message(

        {

            message:'复制成功！',

            type:'success'

        })

},

// 复制失败

onError (e) {

    this.$message({

        message:'复制失败！',

        type:'error' })

}

标签元素中使用

<el-button type="primary" v-clipboard:copy="teamLink" v-clipboard:success="onCopy"

v-clipboard:error="onError">复制</el-button>