PHP菜鸟博客_共同学习分享PHP技术心得【PHP爱好者】
vue-cli实现复制内容到剪贴板
2021-12-3 菜鸟站长


前言:



这次的需求实现是依赖于第三方插件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('抱歉,复制失败!');
}

发表评论:
昵称

邮件地址 (选填)

个人主页 (选填)

内容