vue-clipboard2 文本复制或剪切到剪切板

1、安装与使用
npm install --save vue-clipboard2

import Vue from 'vue'

import VueClipboard from 'vue-clipboard2'

Vue.use(VueClipboard)

2、使用代码

    <button type="button"
                v-clipboard:copy="text"
                v-clipboard:success="onCopy"
                v-clipboard:error="onError">复制分享链接</button>
<script>
new Vue({
  el: '#app',
  template: '#t',
  data: function () {
    return {
      text: ""//这里是要绑定的文本
    }
  },
  methods: {
    onCopy: function (e) {
      this.$toast("拷贝成功");//elementui弹窗插件
    },
    onError: function (e) {
      this.$toast("拷贝失败");//elementui弹窗插件
    }
  }
})
</script>




posted on 2021-02-03 16:34  天涯书客  阅读(99)  评论(0)    收藏  举报

导航