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或者渲染出...