Vue copiar y pegar contenido de etiqueta div
1. Instalar portapapeles.js
npm install clipboard
2. Introduzca clipboard.js en la página de vue
import Clipboard from 'clipboard';
3. código HTML
<button
class="button"
data-clipboard-target="#text" <!--这里绑定的是要复制的标签的id-->
data-clipboard-action="copy"
@click="btnCopy" <!--这里是触发的方法-->
>
复制
</button>
<div id="text">需要复制的内容</div>
4. código vue.js
btnCopy() {
let textUrl = new Clipboard('.button');
textUrl.on('success', (e)=> {
this.$message('复制成功');
textUrl.destroy()
});
textUrl.on("error", () => {
this.$message('没有复制成功');
textUrl.destroy();
});
}