vue3-copy

This is fork from egoist/v-copy and now support Vue 3.

Vue directive to copy to clipboard.

Install

1yarn add vue3-copy

Usage

First register the directive globally:

1import Copy from "vue3-copy";
2
3const app = createApp(App);
4app.use(Copy);
5app.mount("#app");

Then use it in template:

1<template>
2  <button v-copy="`some text`">Copy!</button>
3</template>

v-copy:callback: executed after text is copied to clipboard.

1<template>
2  <button v-copy="`some text`" v-copy:callback="handleCopied">Copy!</button>
3</template>
4
5<script>
6export default {
7  setup() {
8    function handleCopied(text = "") {
9      alert(`Copied: ${text}`)
10    }
11    return {
12      handleCopied
13    }
14  }
15}
16</script>

Browser support

This supports what copy-text-to-clipboard supports, namely ever-green browsers and IE9+. (Not all are carefully tested though :P)

License

MIT © EGOIST