iview 和webpack組合開發(fā)一段時間后,在Table中遇到一些小坑
1.導出的數據出現科學計數法問題
導出的數據出現科學計數法問題,像電話號碼,身份證號碼,當數據大于15位后面的會用0替代。針對這一問題,解決方法如下:
就是再數字前加上制表符“\t”注意雙引號,拼接字符串來實現
例如
var vm = this;
common.Ajax({
url: "/api/appAdmin/channelstatis/queryexcel",
data: {
marketChannel: vm.channelNum,
phone: vm.userPhone
},
success: function(data) {
vm.exportitem=[];
vm.exportitem = vm.exportitem.concat(data.list);
for(var i = 0; i < vm.exportitem.length; i++) {
//身份證號碼
if(vm.exportitem[i].idNo) {
vm.exportitem[i].idNo="\t"+vm.exportitem[i].idNo;
}
//時間
if(vm.exportitem[i].registTime) {
vm.exportitem[i].registTime="\t"+vm.exportitem[i].registTime;
}
}
vm.$refs.table.exportCsv({
filename: '渠道轉化率數據',
columns:vm.columns4,
data: vm.exportitem
});
}
});
在導出數據時,進行拼接一下。就不會傳化為科學計數了。
2.導出數據亂碼問題。
在導出數據,在臺式電腦自帶Microsoft excel2007 打開時,發(fā)現漢字出現亂碼。其他型號正常,原因是因為導出數據為UTF-8格式,而2007默認打開格式為ANSI。在進行打開前,進行一下轉換就行。