總結專案開發中容易寫的bug,以及解決方案

2021-10-25 05:48:23 字數 1908 閱讀 2759

01 - vue中父元件向子元件傳值,傳的值是ajax請求回來的,存在非同步,可能資料還沒獲取回來就已經實現了傳值,在子元件需要渲染 } 於是報錯

解決方案:傳值時加上判定條件,確定資料已經獲取了才傳值

v-if=

"articleobj.id"

:articledata=

"articleobj"

>

<

/postdetailarticle>

<

/template>

export

default,}

;},

created:

function()

, methods:).

then

((res)

=>);

},}}

;<

/script>

02 - element的upload上傳檔案元件問題2.1 元件將上傳連 ajax 請求也一起封裝,無需我們自己處理ajax,相應的,我們的axios的基準路徑設定就無效了- 解決方法:平常請求時的 baseurl 需手動拼接。

2.2 api文件要求帶上token時,token(token存在localstorage)不能直接在模板用,因為vue例項並沒有localstorage - 解決方法:token 先在 data 算好再放進去

:action=

"$axios.defaults.baseurl + '/upload'"

:headers=""

list-type=

"picture-card"

:on-success=

"coversuccess"

:on-remove=

"coverremove"

:file-list=

"form.cover"

>

="el-icon-plus"

>

<

/i>

<

/el-upload>

<

/template>

export

default}}

;<

/script>

03 - 計算屬性有惰性,必須在模板中渲染才會觸發此元件1的頁面中有乘機人的資訊,乘機人有 幾位,需不需要購買保險等,此元件可以用計算屬性算出使用者的付款金額;但是此頁面不需要在模板中渲染資料。

而是要傳值給兄弟元件2,在兄弟元件的頁面渲染使用者的購票資訊及付款總金額。

解決方案 - 此元件1在頁面渲染計算屬性,css - style=「display:none」 實際上渲染了,但是使用者看不到而已。再傳值給父元件,父元件再傳值給兄弟元件2

computed:})

;});

const tax =

this

.data.airport_tax_audlet *

this

.users.length;

total = ticketprice + insuranceprice + tax;

console.

log(total)

;this

.$emit

("sendtotal"

, total,

this

.users.length)

;//向父元件傳值

return total;},

},

持續更新中…

SpringMVC專案容易出現的BUG

1.400錯誤 1 語義有誤,當前請求無法被伺服器理解。除非進行修改,否則客戶端不應該重複提交這個請求。2 請求引數有誤。你傳送的請求有誤,這個問題去頁面提交的地方看。如 你想刪除一條資料,id作為條件,在請求時傳入乙個id,如果不符合或拼接符寫錯,他請求的就不對。2.資料顯示需要重新整理錯誤。如 ...

專案開發總結應該怎麼寫

宣告 這個文件不是介紹具體怎麼編寫這個文件的 具體編寫文件可以參考軟體設計文件規範中的專案開發總結模版 而是介紹一些思路 方法。部分內容從其他人博文中copy。一 專案開發總結文件的作用 專案開發總結又可以細化成兩種文件 開發進度周 月報 專案開發總結 一般小專案不用整理開發進度周 月報,只編寫專案...

vue 專案開發中的一些bug

1.property or method handleselectionchange is not defined.vue定義方法需要定義在key為methods字段裡面 2.hamburger元件從頭部移動選單欄 不能顯示 解決 選單檔案引入hamburger元件 3.元件無法顯示 解決 原來是c...