vue网页使用clipboard 实现复制功能

1.安装插件：npm install clipboard –save

2.在需要使用的组件内引入 ：import Clipboard from clipboard

3. <span id=”copyContent” :data-clipboard-text=”v.userName+ ， +v.schoolName+ ， +(v.duty?v.duty+ ， : )+v.phoneNumber” @click=”copyFn()”>复制</span>

//data-clipboard-text 指定复制的内容   v遍历的每一项

4.复制方法

copyFn(){

            let clipboard = new Clipboard( #copyContent );

            clipboard.on( success , e => {

                this.$Message.success( 复制成功 )

                clipboard.destroy()     // 释放内存

            })

            clipboard.on( error , e => {

                // 不支持复制

                this.$Message.warning( 该浏览器不支持自动复制 )

                clipboard.destroy()   // 释放内存

            })

        },