Vue 復制到粘貼板

使用 vue-clipboard2 復制到粘貼板

1.安裝vue-clipboard2

npm install --save-dev vue-clipboard2

2.main.js中添加

//復制到粘貼板插件 import VueClipboard from 'vue-clipboard2' VueClipboard.config.autoSetContainer = true Vue.use(VueClipboard) 

3.文件中使用

<template> <div> <input type="text" v-model="copyUrl" /> <button type="button" class="btn" v-clipboard:copy="copyUrl" v-clipboard:success="onCopy" v-clipboard:error="onError"> 復制鏈接 </button> </div> </template> <script> export default { data() { return { copyUrl:'http://baidu.com' }; }, methods: { onCopy(e) { console.log(復制成功！); }, onError(e) { console.log(復制失敗！); } } }; </script>