Vue2使用vue-clipboard2

1. 安装

npm install --save vue-clipboard2

2. 导入

import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)

3. 使用

<template>
  <!-- 剪贴板 -->
  <div>
    <input v-model="msg" type="text" />
    <button @click="doCopy">Copy</button>
  </div>
</template>

<script>
export default {
  name: 'Clipboard',

  data() {
    return {
      msg: '123'
    }
  },

  methods: {
    doCopy() {
      this.$copyText(this.msg)
        .then((e) => {
          console.log(e.text)
        })
        .catch((e) => {
          console.log(e)
        })
    }
  }
}
</script>

更多用法参考官网：GitHub