第四階段vue項目總結(新手小白一枚，本人第一篇文，不建議參考。 )

問題

1.數據傳輸問題（后端收不到數據）
2.性別和狀態0和1的轉換
3.elementUI組件的處理
4.switch開關的處理
5.后端返回圖片的處理
6.echarts圖請求后臺沒有數據顯示等等。
7.415 axios請求問題
8.搜索時性別沒有選，但是查詢后的數據時進行過性別處理的。
9.批量導出為表格問題。
10.Git命令的使用

方法

1.中文亂碼和數據傳輸問題（可以用formdata和qs）

qs:安裝npm install qs -d》需要的頁面導入import qs from ‘qs’》在將要傳遞的數據qs.stringify({XXX})包裹。
2.性別的轉換.tostring()，狀態的轉換Boolean()
3.搜索時性別沒有選，但是查詢后的數據時進行過性別處理的。因為number（“”）=0,而女在后端為0.后面取消number轉換就好了。
4.圖片的處理，當時圖片顯不出來。去網上找資料，了解了圖片轉換（圖片數據流的情況）。本項目的圖片前面加上圖片端口就好了。
5.Echarts圖請求數據沒有。因為他的數據要在mounted（）請求，不能再created里面。
6.@keydown.enter()無效。要加native。

7.415 axios請求問題。是post請求頭原因。Post請求頭變為。

8.批量導出用的前端插件。因為發現后端寫的批量導出pc端不能生成Excel表格。但是缺點是只能導出當前頁面上的表格數據。
步驟：
安裝: npm install --save xlsx file-saver
在main.js導入

import FileSaver from 'file-saver'import XLSX from 'xlsx'Vue.prototype.$FileSaver = FileSaver; //設置全局Vue.prototype.$XLSX = XLSX; //設置全局

頁面上：

var table=this.$XLSX.utils.table_to_book(document.querySelector("#table"));var tb = this.$XLSX.write(table, {bookType: "xlsx",bookSST: true,type: "array",});try {this.$FileSaver.saveAs(new Blob([tb], { type: "application/octet-stream" }),"店鋪認證申請表.xlsx");} catch (e) {if (typeof console != "undefined") console.log(e, tb);}return tb;}

git clone XXX
git pull 倉庫名 master
git push 倉庫名 master

總結

以上是生活随笔為你收集整理的第四阶段vue项目总结(新手小白一枚，不建议参考。 )的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。