clipboard.js的引入和使用
在平時的開發(fā)過程中難免會需要實現(xiàn) 點擊復制文本的功能父虑，我們一般是通過clipboard.js去實現(xiàn)
1.引入clipboard.js
- 通過npm安裝：npm install clipboard --save
- 通過通過引入源文件：下載地址
<script src="js/clipboard.min.js"></script>
2.在需要使用的組件里import
import Clipboard from 'clipboard'
3.使用和方法
<span class="tag-read" data-clipboard-text="我是點擊復制的內(nèi)容" @click="copy">我是點擊復制的內(nèi)容</span>
copy () {
var clipboard = new Clipboard('.tag-read')
clipboard.on('success', e => {
console.log('復制成功')
// 釋放內(nèi)存
clipboard.destroy()
})
clipboard.on('error', e =>{
// 不支持復制
console.log('該瀏覽器不支持復制')
// 釋放內(nèi)存
clipboard.destroy()
})
},
通過點擊文本就會將其復制
image.png
