1,安装 npm install vue-xlsx-table --save
2,main.js 文件 引入
import vueXlsxTable from ‘vue-xlsx-table’
Vue.use(vueXlsxTable, { rABS: false })
3,页面使用
template
<vue-xlsx-table @on-select-file="handleSelectedFile">上传Excel</vue-xlsx-table>
js
handleSelectedFile (excelData) {
let { header: tableHeader, body: tableData } = excelData
console.log("excel表头:",tableHeader)
console.log("excel数据:",tableData)
}
1, 去掉 “选择文件” 这个灰色框的话,
/deep/ input[type='file']::-webkit-file-upload-button {
display: none;
}
2, 获取到 input【type=‘file’】标签,然后改变样式,隐藏,哎,实在是清不了数据啊
let a = document.querySelectorAll("input[type='file']")
if (a.length > 0) {
// a[0].style.display = 'none'
a[0].style.display = 'block'
}