本文主要是介绍【非常好用的复制功能插件vue-clipboard2】,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
文章目录
- 前言
- 一、vue-clipboard2是什么?
- 二、使用步骤
- 1.引入库
- 2.在组件中使用
- 总结
前言
要实现功能是,点击按钮复制相对应的内容,复制到粘贴板,然后可以随意粘贴到任何地方。
一、vue-clipboard2是什么?
可以把内容复制到粘贴板的插件。
二、使用步骤
1.引入库
代码如下(示例):main.js
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
2.在组件中使用
代码如下(示例):xxx.vue
let val = "这是要复制的内容";
;this.$copyText(val).then(function () {Toast('复制成功');
}, function () {Toast('复制失败');
})
总结
就是如此简单
这篇关于【非常好用的复制功能插件vue-clipboard2】的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!