vue中点击按钮复制内容

446 阅读1分钟

我使用的是插件 clipboard

1.使用 npm install clipboard --save 安装

2.在所需要用的组件中使用 import 引入

3.在需要点击复制的HTML中设置一个class或者id(必须要)

data-clipboard-action这个值是指明你想要复制还是剪切内容,如果你省略这个属性,则默认为复制。

但是cut事件只在input和textarea中起效

4.在点击事件中创建一个变量,变量名要与引入的名字一致,并且要指定元素就是你设置class或者id

如果你想要展示一些用户反馈,或者在用户复制/剪切后获取已经选择的文字,我们通过触发自定义事件,比如success 和 error 让你可以设置监听并实现自定义逻辑