欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

clipboard在vue中的使用的方法示例

簡介

成都創(chuàng)新互聯(lián)是專業(yè)的金臺網(wǎng)站建設公司，金臺接單;提供成都做網(wǎng)站、網(wǎng)站設計,網(wǎng)頁設計,網(wǎng)站設計,建網(wǎng)站,PHP網(wǎng)站建設等專業(yè)做網(wǎng)站服務;采用PHP框架,可快速的進行金臺網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

頁面中用 clipboard 可以進行復制粘貼，clipboard能將內(nèi)容直接寫入剪切板

安裝

npm install --save clipboard

使用方法一

<template>
    <span>{{ code }}</span>
    <i
    class="el-icon-document"
    title="點擊復制"
    @click="copyActiveCode($event,code )"/>
</template>
// methods
copyActiveCode(e, text) {
   const clipboard = new Clipboard(e.target, { text: () => text })
   clipboard.on('success', e => {
    this.$message({ type: 'success', message: '復制成功' })
    // 釋放內(nèi)存
    clipboard.off('error')
    clipboard.off('success')
    clipboard.destroy()
   })
   clipboard.on('error', e => {
    // 不支持復制
    this.$message({ type: 'waning', message: '該瀏覽器不支持自動復制' })
    // 釋放內(nèi)存
    clipboard.off('error')
    clipboard.off('success')
    clipboard.destroy()
   })
   clipboard.onClick(e)
  }

使用方法二

<template>
    <span>{{ code }}</span>
    <i
    id="tag-copy" <-- 作為選擇器的標識使用用class也行 -->
    :data-clipboard-text="code" <-- 這里放要復制的內(nèi)容 -->
    class="el-icon-document"
    title="點擊復制"
    @click="copyActiveCode($event,code)"/>
</template>
// methods
copyActiveCode() {
   const clipboard = new Clipboard("#tag-copy")
   clipboard.on('success', e => {
    this.$message({ type: 'success', message: '復制成功' })
    // 釋放內(nèi)存
    clipboard.destroy()
   })
   clipboard.on('error', e => {
    // 不支持復制
    this.$message({ type: 'waning', message: '該瀏覽器不支持自動復制' })
    // 釋放內(nèi)存
    clipboard.destroy()
   })
  }

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。

網(wǎng)頁標題：clipboard在vue中的使用的方法示例
地址分享：http://www.chinadenli.net/article46/iigehg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供標簽優(yōu)化、靜態(tài)網(wǎng)站、網(wǎng)頁設計公司、外貿(mào)網(wǎng)站建設、手機網(wǎng)站建設、用戶體驗

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

手機網(wǎng)站建設