Vue点击按钮复制其他标签内的内容
程序员文章站
2022-05-14 22:56:42
...
用到clipboard.js
- 引入clipboard.js
npm install clipboard --save
- 在需要使用的vue文件引入
import Clipboard from "clipboard";
- 代码
<button
class="btn"
data-clipboard-target="#msg" <!--这里绑定的是要复制的标签的id-->
data-clipboard-action="copy"
@click="copy" <!--这里是触发的方法-->
>
复制
</button>
<div id="msg">这里是要复制的内容</div>
- js代码
copy() {
let clipboard = new Clipboard(".btn");
clipboard.on("success", () => {
clipboard.destroy();
});
clipboard.on("error", () => {
clipboard.destroy();
});
}
大功告成!!!!!
上一篇: Vue实现点击按钮复制文本内容
下一篇: vue 点击按钮复制对应内容