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...