操作如下：

npm install clipboard --save

import Clipboard from 'clipboard';

Vue.use(VueClipboard)

<template id="demo"><div class="container"><!-- 文本內(nèi)容 --><input type="text" v-model="message"><!-- 復(fù)制按鈕,通過v-model來識別哪個(gè)文本內(nèi)容 --><button type="button"v-clipboard:copy="message"v-clipboard:success="onCopy"v-clipboard:error="onError">復(fù)制</button></div> </template> <script> export default {data () {return {message: '啦啦啦，這是復(fù)制的內(nèi)容！',codes: '',}},methods: {onCopy: function (e) {console.log('你剛剛復(fù)制: ' + e.text)},onError: function (e) {console.log('無法復(fù)制文本！')}} } </script>

?

轉(zhuǎn)載于:https://www.cnblogs.com/renzm0318/p/11551357.html

總結(jié)

以上是生活随笔為你收集整理的实现点击按钮复制文本（Clipboard包）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。