IE10以下不兼容。
- 安装:
npm install --save vue-clipboard2
; - 引入:
import Vue from 'vue' import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard)
- 使用方法有两种:
// 方法一: <button v-clipboard:copy="message" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</button> data(){ return { message: '我是要复制的内容!' } }, methods: { onCopy () {}, onError () {} }
// 方法二 <button @click="onCopy">复制</button> data(){ return { message: '我是要复制的内容!' } }, methods: { onCopy () { this.$copyText(this.message) .then(()=>{}) .catch(()=>{}) } }