vue中常碰見的坑 Vue中遇到過的坑

2021-10-18 17:51:00 字數 1328 閱讀 9778

1.在偵聽器中無法偵聽物件內的屬性,這時候可以用計算屬性先返回想要偵聽的屬性,或者用深度偵聽 deep。

computed:

2.這個坑算是axios的,axios在預設的情況下是不帶cookies的,要讓它帶上cookies需要在vue中的main.js進行設定:

axios.defaults.withcredentials=true;

3.vue與django結合的時候會有乙個csrf_token的問題,對於這個問題,解決的辦法是先安裝django-cors-headers,並在django中的settings中進行設定:

# 再在最後追加內容:

cors_origin_allow_all = true

cors_allow_credentials = true

cors_origin_whitelist = ()

cors_allow_methods = (

'delete',

'get',

'options',

'patch',

'post',

'put',

'view',

# * 表示接受所有的頭

cors_allow_headers = (

'accept',

'accept-encoding',

'authorization',

'content-type',

'dnt',

'origin',

'user-agent',

'x-csrftoken',

'x-requested-with',

'x-file-name',

'identity',

4.vue中v-bind和v-model的區別:

v-bind的話只有單向的繫結,栗子如下:

這樣的話,my_style資料發生了改變會更新到這個dom元素上,但是dom元素的操作不會更新my_test資料。

v-model則相反:

首先,v-model一般用於input這類的標籤上,這就是乙個雙向繫結了,dom元素的操作會更新資料,資料的操作也會更新dom元素。

5.關於vue中export的data:

} export default }

export default ,

data2: ,

export default

methods:

// 可以用乙個變數來裝上面迴圈生成的資料,再將test一次性賦值成為這個資料:

let _data = {}

for(let key in datas)

this.test = _data

vue中遇到的坑

1 乙個是eventhub的坑 重複監聽的問題 解決方案監聽之前先off掉 2 路由的坑 不加replace會兩個頁面來回跳,無法正常的返回父級頁面。3 vuejs對data中陣列的原生方法進行了封裝,所以在改變陣列時能夠觸發檢視更新,但是以下兩種情況是無法觸發檢視的更新的 1 通過索引直接修改陣列...

vue實戰中遇到的 坑

也可能是因為接觸vue時間也不長,經常落入不知名的 坑 中,對於我這個菜鳥來說,每次 落坑 無疑是一場不小的災難。前兩天有個朋友在問我,在使用vue中有沒有遇到一些很難解決的問題,一下我也只能說出一兩個,正所謂 光說不練,假把式 所以索性就抽時間總結一下我在專案中遇到的vue的問題,也貼出了效果,這...

VUE開發中遇到的坑

1.父元件監聽不到子元件向外觸發的事件,原因可能是 emit傳入的事件名稱只能用小寫,不可以使用駝峰式命名書寫。現版本的 vue 似乎可以支援 2.用非同步傳遞過來的資料做元件的初始化時候,直接用,因為存在非同步問題 延時,結果需在等待過程結束之後才返回 會出現not find props或者渲染出...