一、Vue2写法
安装 (官网地址)
npm install --save vue-clipboard2
使用
//main.js
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)//页面使用
<button type="button"v-clipboard:copy="message"v-clipboard:success="onCopy"v-clipboard:error="onError">Copy!</button>
二、Vue3写法
安装 (官网地址)
npm install --save vue-clipboard3
or
yarn add vue-clipboard3
使用
//引入
import useClipboard from 'vue-clipboard3'
const { toClipboard } = useClipboard()//使用
const copy = async () => {try {await toClipboard(location.href)console.log('Copied to clipboard')} catch (e) {console.error(e)}
}