VUE复制copy方法使用

<template>
  <div class="copy">
    <el-button size="mini" @click="copy('这里写要复制的值')">复制</el-button>
  </div>
</template>

<script>
  export default {
    name: 'name',
    data() {
      return {}
    },

    mounted() {},
    methods: {
      // 复制 ,这里面就是需要复制的值
      copy(data) {
        const url = data
        const input = document.createElement('input')
        input.value = url
        document.body.appendChild(input)
        input.select()
        document.execCommand('Copy')
        this.$message({
          message: '复制成功',
          type: 'success',
        })
        input.remove()
      },
    },
  }
</script>

<style lang="scss">
 
</style>