Portapapeles

Aquí está el copiar y pegar basado en portapapeles

Este proyecto ofrece dos maneras de usarlo.

Usar directamente

<el-button @click='handleCopy(inputData,$event)'>copiar</el-button>
import clip from '@/utils/clipboard.js' // usar el portapapeles directamente

methods: {
  handleCopy(text, event) {
    clip(text, event)
  }
}

En primer lugar, importa clipboard.js y configura la función click.

clip() El primer parámetro es el contenido a copiar, el segundo parámetro es el evento event. Ambos parámetros son necesarios.



v-directive

Este proyecto también encapsula un v-clipboard.

 <el-button
   v-clipboard:copy='inputData'
   v-clipboard:success='clipboardSuccess'>
   copiar
</el-button>
import clipboard from '@/directive/clipboard/index.js' // usar el portapapeles por v-directive

directives: {
  clipboard
},
methods: {
  clipboardSuccess() {
    this.$message({
      message: 'Copiado exitosamente',
      type: 'success',
      duration: 1500
    })
  }
}

v-clipboard:copy: La copia del contenido.

v-clipboard:success: Función de devolución de llamada de éxito (callback).