前言:
这次的需求实现是依赖于第三方插件vue-clipboard2,直接上使用方法吧。
一,安装插件
npm install vue-clipboard2 --save
二,全局注入插件在main.js中
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
三,在需要使用的页面内
<van-button type="info" size="small" v-clipboard:copy="item.file" v-clipboard:success="onCopy"
v-clipboard:error="onError">复制链接</van-button>
// 复制成功时的回调函数
onCopy(e) {
Toast.success('内容已复制到剪切板');
},
// 复制失败时的回调函数
onError(e) {
Toast.fail('抱歉,复制失败!');
}