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

2018-08-31  本文已影响28人  小小肉松

js复制方法:

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

js复制方法

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>

上一篇下一篇

猜你喜欢

热点阅读