Vue 复制内容到剪切板

参考

安装

npm install --save vue-clipboard2

main.js 引入

import VueClipboard from 'vue-clipboard2'

Vue.use(VueClipboard)

组件中使用

v-clipboard:copy="copyDoc"     //想要复制的内容,自定义
v-clipboard:success="onCopy"   //方法,复制成功后操作
v-clipboard:error="onError"    //方法,复制失败后操作

Vue 表格数据预处理

<el-table-column
      align="center"
      prop="isDownload"
      :formatter="downloadStr"
      label="是否下载">
</el-table-column>


downloadStr(row, column){
   //column可省略
    return row.isDownload == 1 ? '已下载':'未下载'
}

山与海
1 声望0 粉丝