JS - implémenter la fonction de copie par clic

Sélectionnez copier

<template>
    <el-button type="primary" plain @click="onCopy">Copier</el-button>
</template>

<script>
export default {
  methods:{
    onCopy(){
        document.execCommand("Copy"); // Exécuter la commande de copie du navigateur
        this.$message({
          message: 'Copie réussie',
          type: 'success'
        });
      }
  }
}
</script>

Cliquez pour copier

<template>
    <el-button type="primary" plain @click="onCopy">Copier</el-button>
</template>

<script>
export default {
  methods:{
    onCopy(){
       const url = 'Je suis le contenu à copier'
      let oInput = document.createElement('input')
      oInput.value = url
      document.body.appendChild(oInput)
      oInput.select() // Sélectionner des objets;
      document.execCommand('Copy') // Exécuter la commande de copie du navigateur
      this.$message({
        message: 'Copie réussie',
        type: 'success'
      })
      oInput.remove()
  }
}
</script>