clipboard.js插件可以比较方便的实现复制功能,具体如下

安装插件

npm install clipboard --save

在需要使用的组件内引入

import Clipboard from 'clipboard'

复制按钮,这里是将需要复制的内容,直接绑在了复制按钮上面

对应的方法

    copy () {

      var clipboard = new Clipboard('#equSN')

      clipboard.on('success', e => {

        this.$message.success('已成功复制到粘贴板')

        //  释放内存

        clipboard.destroy()

      })

      clipboard.on('error', e => {

        // 不支持复制

        this.$message.warning('该浏览器不支持复制')

        // 释放内存

        clipboard.destroy()

      })

    },

也可以通过target来获得需要复制的内容

 

 

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐