v-clipboard是Vue.js剪贴板库(无依赖关系,小于2kb)
v-clipboard是Vue.js剪贴板库(无依赖关系,小于2kb)
JavaScript 其它杂项
共379Star
详细介绍
Vue.js Clipboard
Install
npm install --save v-clipboard
import Vue from 'vue'
import Clipboard from 'v-clipboard'
Vue.use(Clipboard)
Using
When an element that contains
v-clipboard
directive is clicked, the value ofvalue
will be copied into clipboard.
Copying static value (directive should receive actual value):
<button v-clipboard="value">
Copy to clipboard
</button>
Copying dynamic value (directive should recieve a function that returns value):
<button v-clipboard="() => value">
Copy to clipboard
</button>
Copying anything in your methods:
this.$clipboard(value)
Events
<button v-clipboard="foo"
v-clipboard:success="clipboardSuccessHandler" // Success event handler
v-clipboard:error="clipboardErrorHandler"> // Error event handler
Copy to clipboard
</button>
{
methods: {
clipboardSuccessHandler ({ value, event }) {
console.log('success', value)
},
clipboardErrorHandler ({ value, event }) {
console.log('error', value)
}
}
}
Compatibility
-
2312 Star
-
50 Star
-
359 Star
-
20 Star
-
19 Star
-
732 Star
-
85 Star
-
0 Star