ThCopy文本复制

复制文本到剪贴板

依赖说明

采用vue-clipboard2插件 github地址 (opens new window)

基本使用

<template>
  <div>
      <input v-model="value" />
      <!-- 使用方法1: -->
      <button
          v-clipboard:copy="value"
          v-clipboard:success="copySuccess"
          v-clipboard:error="copyError"
      >复制</button>
  </div>
</template>

<script>
export default {
  data () {
    return {
      value: ''
    }
  },
  methods: {
    // copy成功
    copySuccess(res) {},
    // copy失败
    copyError(res) {},
    // 通过方法调用
    clickBtn () {
      // 使用方法2:
      this.$copyText('这是一段内容.').then(res => {
        // copy成功
      }).catch(res => {
        // copy失败
      })
    }
  }
}
</script>