vue中用clipboard2实现一键复制功能


1、安装插件

yarn add vue-clipboard2

2、在main.js中配置

import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)

3、使用

<a-button v-clipboard:copy="url" v-clipboard:success="copySuc" v-clipboard:error="copyFail">复制链接</a-button>



copySuc(){
    this.$message.success("复制成功")
},

copyFail(){
    this.$message.success("复制失败")
}

4、若不成功,重启项目


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM