欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

vue+element表格導(dǎo)出為Excel文件-創(chuàng)新互聯(lián)

本文實(shí)例為大家分享了vue+element表格導(dǎo)出為Excel文件的具體代碼,供大家參考,具體內(nèi)容如下

專(zhuān)注于為中小企業(yè)提供成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)浙江免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動(dòng)了上千多家企業(yè)的穩(wěn)健成長(zhǎng),幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

安裝這三個(gè)依賴(lài)

npm install xlsx file-saver -S

npm install script-loader -S -D

組件代碼

<template>
 <div>
  <el-button type="primary" @click="exportExcel">導(dǎo)出文件</el-button>
 
  <el-table
  :data="tableData"
  
  id='out-table'
  >
  <el-table-column
  prop="date"
  label="日期"
  width="180">
  </el-table-column>
  <el-table-column
  prop="name"
  label="姓名"
  width="180">
  </el-table-column>
  <el-table-column
  prop="address"
  label="地址">
  </el-table-column>
  </el-table>
 </div>
</template>
 
 
<script>
//引入安裝的依賴(lài)
import FileSaver from 'file-saver'
import XLSX from 'xlsx'
export default {
 name: 'demo5',
 data() {
  return {
   tableData: [{
   date: '2016-05-02',
   name: '王小虎',
   address: '上海市普陀區(qū)金沙江路 1518 弄'
   }, {
   date: '2016-05-04',
   name: '王小虎',
   address: '上海市普陀區(qū)金沙江路 1517 弄'
   }, {
   date: '2016-05-01',
   name: '王小虎',
   address: '上海市普陀區(qū)金沙江路 1519 弄'
   }, {
   date: '2016-05-03',
   name: '王小虎',
   address: '上海市普陀區(qū)金沙江路 1516 弄'
   }]
  }
  },
 methods:{
  // XLSX.uitls.table_to_book( 放入的是table 的DOM 節(jié)點(diǎn) ) ,sheetjs.xlsx 即為導(dǎo)出表格的名字,可修改!
  exportExcel () {
   var wb = XLSX.utils.table_to_book(document.querySelector('#out-table'))
   var wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'array' })
   try {
    FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), 'sheetjs.xlsx')
   } catch (e) { if (typeof console !== 'undefined') console.log(e, wbout) }
   return wbout
  },
 }
}
</script>
 
<style scoped>
.el-table{
 margin-top:30px;
}
</style>

文章標(biāo)題:vue+element表格導(dǎo)出為Excel文件-創(chuàng)新互聯(lián)
文章出自:http://www.aaarwkj.com/article0/dgogio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、微信小程序軟件開(kāi)發(fā)、域名注冊(cè)標(biāo)簽優(yōu)化、小程序開(kāi)發(fā)

廣告

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

外貿(mào)網(wǎng)站制作
色婷婷久久五月中文字幕| 国产精品国产三级国产专用| 成人黄色av免费看| 亚洲成人av在线直播| 人妻一区日韩二区国产| 日本中文一区在线观看| 91精品蜜臀国产综合久久久久久 | 亚洲av网站女性向在线观看| 真实国产熟女一区二区三区| 青青草原影院在线观看| 精品人妻一区二区三区免费视频| 国产午夜在线影院一区二区| 国产一级黄色免费大片| 亚洲精品人妻av在线| 草嫩av一区二区三区| 亚洲六月丁香六月婷婷| 麻豆国产av巨做国产剧情| 97色伦综合在线欧美视频| 久久精品一本久久99精品| 就去吻色综合一二三四| 亚洲精品一区二区毛豆| 国产三级精品三级在线专区1| 国产精品三级竹菊影视| 伊人蕉影院久亚洲高清| 亚洲国产欧美日韩久久| 日韩一区不卡在线观看| 日韩国产欧美色资源在线| 国产三级三级三级免费看| 日本一区二区不卡高清| 日本久久91跳蛋视频| 夫妻性生活在线视频一级片| 自偷自拍在线免费观看| 国产男女乱淫一区二区三区| 欧美 日本国产一区| 亚洲av无毛在线观看| 最新91精品手机国产在线| 黄片欧美精品在线观看| 国产成人亚洲精品午夜国产馆| 在线观看视频网站一卡二卡| 免费国产午夜福利在线| 国产精品欧美一区久久|