网站设计语言,大通网站建设,网站建设与管理试题及答案,建筑工程网站建设方案一个常用的库就是 clipboard.js#xff0c;它可以帮助您实现跨浏览器的复制到剪贴板功能
首先#xff0c;安装 clipboard.js#xff1a;
cnpm install clipboard
创建一个 Vue 组件并使用 clipboard.js#xff1a;
templatedivinput v-model…一个常用的库就是 clipboard.js它可以帮助您实现跨浏览器的复制到剪贴板功能
首先安装 clipboard.js
cnpm install clipboard
创建一个 Vue 组件并使用 clipboard.js
templatedivinput v-modeltextToCopy typetext /button clickcopyTextCopy/button/div
/template
script setup
import Clipboard from clipboard;
import { ref } from vue;const textToCopy ref();const copyText () {const clipboard new Clipboard(.copy-button, {text: () textToCopy.value});clipboard.on(success, (e) {console.log(Text copied:, e.text);clipboard.destroy(); // 清理 clipboard 实例});clipboard.on(error, (e) {console.error(Copy failed:, e.action);clipboard.destroy();});clipboard.onClick(event); // 触发点击事件
};
/script
