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

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)站制作
99久久精品免费国产一区| 亚洲a∨乱码一区二区三区蜜臀| 国产精品成人免费久久黄| 日韩精品在线免费观看了| 欧美日韩亚洲精品亚洲欧洲| 午夜福利在线视频观看| 国产精品一区2区3区| 成年人国产免费在线观看| 年轻的母亲韩国三级| 国产熟女肥臀精品国产馆乱| 肥臀大屁股av在线播放| 色噜噜男人的天堂av| 九九视频在线精品免费观看| 草逼免费在线观看视频| 亚洲美女高潮久久久久久久久| 中文字幕二区三区人妻| 国产成十人十综合十亚洲| 婷婷不卡中文字幕三区| 欧美伊人色综合久久天天| 国产精品麻豆色哟哟av| 亚洲欧美午夜福利视频| 91人妻人澡人人爽| 91亚洲国产成人久久| 极品少妇高潮在线观看免费| 亚洲欧美日韩综合精品久久| 国产精品久久中文字幕网| 日本在线一区二区三区免费视频| 亚洲欧美日韩精品在线观看| 亚洲精品污一区二区三区| 国产伦理在线观看一区二区| 最新日本免费久久精品| 和富婆啪啪一区二区免费看| 国产999精品在线观看| 日韩av熟女人妻一区二| 国产精品传媒在线观看网站| 在线免费观看午夜视频| 色吊丝二区三区中文字幕| 成人黄色av在线看| 亚洲经典日韩欧美一区| 久久国产精品亚洲熟女66r| 人妻少妇精品视频二区|