vue项目中利用vue-clipboard2插件实现到粘贴板的功能

本文主要是介绍vue项目中利用vue-clipboard2插件实现到粘贴板的功能，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1、安装vue-clipboard2插件

npm install --save vue-clipboard2

2、在main.js文件中，添加这个插件的引用：

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

3、在项目中使用这个插件的方法：

<template><div class="box"><input  v-model='copyText' /><button class="button"v-clipboard:copy="copyText"v-clipboard:success="onCopy"v-clipboard:error="onError">点击复制</button></div>
</template>

<script>
export default {data(){return {copyText: ''}},methods: {// 复制成功onCopy(e){alert("复制成功");},// 复制失败onError(e){alert("失败");},}
}
</script>

参考链接：参考文档

这篇关于vue项目中利用vue-clipboard2插件实现到粘贴板的功能的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---