vue 导入excel解析_VUE中导入excel文件

实现的效果如下图

安装依赖

npm install xlsx --save

引入

import XLSX from 'xlsx'

Vue.prototype.XLSX = XLSX

结构

v-model="gmDrform.storageTime"

type="datetime"

placeholder="选择日期"

value-format="yyyy-MM-dd HH:mm:ss"

@change="gmDrTimeChange"

>

导入

取 消

确 定

data中的数据

gmDrform:{storageTime:""},//光猫导入

gmDr:false,

arrList:[],

methods中

gmDrClick(){ // 获取当前时间,并赋值给入库日期

this.gmDr=true

this.gmDrform.storageTime=this.nowTime()

},

gmDrTimeChange(val){//入库日期发生变化,保存到gmDrform.storageTime中

this.gmDrform.storageTime=val

},

gmDrClose(){//关闭模态框,清除数据