Clipboard
这里的复制粘贴使用了 clipboard
本项目提供了两种使用方式
直接使用
<el-button @click='handleCopy(inputData,$event)'>copy</el-button>
import clip from '@/utils/clipboard' // use clipboard directly
methods: {
handleCopy(text, event) {
clip(text, event)
}
}
首先引入封装好的 clipboard ,设置 click function。
clip() 函数第一个参数为复制的内容，第二个参数为 event 事件。两个参数均为必填项。
指令形式使用
本项目同时也封装了一个通过 directives 的方式来使用 clipboard。
<el-button v-clipboard:copy='inputData' v-clipboard:success='clipboardSuccess'>copy</el-button>
import clipboard from '@/directive/clipboard/index.js' // use clipboard by v-directive
directives: {
clipboard
},
methods: {
clipboardSuccess() {
this.$message({
message: '复制成功',
type: 'success',
duration: 1500
})
}
}
v-clipboard:copy 为复制的内容，v-clipboard:success 为成功之后的回调。