Vue報錯:TypeError:Cannot create property 'xxx' on string 'xxxx'問題
更新時間：2024年08月05日 15:25:49 作者：達(dá)希_
這篇文章主要介紹了Vue報錯:TypeError:Cannot create property 'xxx' on string 'xxxx'問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
Vue報錯:TypeError:Cannot create property 'xxx' on string 'xxxx'
報錯詳情
[Vue warn]:
Error in callback for immediate watcher "fileList":
"TypeError: Cannot create property 'uid' on string 'string_url_1'"
...
示例如圖：
報錯原因
TypeError: Cannot create property ‘xxx’ on string ‘xxxx’
此類錯誤是賦值的類型錯誤，
如以上示例錯誤，在使用ElementUI的upload組件時，把字符串列表賦值給了fileList，而fileList需求的是對象的列表。
- 示例錯誤代碼：
pictureList = ['string_url_1', 'string_url_2']; this.fileList = pictureList;
- 示例正確代碼：
pictureList = ['string_url_1', 'string_url_2'];
this.fileList = pictureList.map(item => {
return {
name: item,
url: baseUrl + item
}
});
vue Cannot create property ‘xxx字段‘ on string
看一下入?yún)⒏袷绞欠裾_
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
在Vue3中,ref提供了訪問組件內(nèi)DOM元素和子組件實例的方法,防抖是一種限制函數(shù)調(diào)用頻率的方法,即在一定時間內(nèi)多次觸發(fā)同一個函數(shù),只執(zhí)行最后一次觸發(fā)的函數(shù),本文將給大家介紹了Vue3如何利用自定義ref實現(xiàn)防抖,需要的朋友可以參考下2024-05-05
這篇文章主要為大家詳細(xì)介紹了Vue實現(xiàn)注冊頁面的用戶交互的相關(guān)知識,文中的示例代碼講解詳細(xì),對我們深入掌握vue有一定的幫助,需要的小伙伴可以參考下2023-12-12
vue之組件內(nèi)監(jiān)控$store中定義變量的變化詳解
今天小編就為大家分享一篇vue之組件內(nèi)監(jiān)控$store中定義變量的變化詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
使用 Vue cli 3.0 構(gòu)建自定義組件庫的方法
本文旨在給大家提供一種構(gòu)建一個完整 UI 庫腳手架的思路。通過實例代碼給大家講解了使用 Vue cli 3.0 構(gòu)建自定義組件庫的方法，感興趣的朋友跟隨小編一起看看吧2019-04-04
這篇文章主要介紹了vue 實現(xiàn)的樹形菜單,需要的朋友可以參考下2018-03-03
使用VUE3開發(fā)很久了,但一直沒進(jìn)行總結(jié)和記錄,下面這篇文章主要給大家介紹了關(guān)于從零開始搭建vue3項目的相關(guān)資料,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06
Vue.js頁面中有多個input搜索框如何實現(xiàn)防抖操作
debounce是lodash工具庫中的一個非常好用的函數(shù)。這篇文章主要介紹了Vue.js頁面中有多個input搜索框如何實現(xiàn)防抖操作,需要的朋友可以參考下2019-11-11
Vue 頁面狀態(tài)保持頁面間數(shù)據(jù)傳輸?shù)囊环N方法(推薦)
vue router給我們提供了兩種頁面間傳遞參數(shù)的方式,一種是動態(tài)路由匹配，一種是編程式導(dǎo)航，接下來通過本文給大家介紹Vue 頁面狀態(tài)保持頁面間數(shù)據(jù)傳輸?shù)囊环N方法,需要的朋友可以參考下2018-11-11
本篇文章主要介紹了Vue.js彈出模態(tài)框組件開發(fā)的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
本文主要介紹了Vue實現(xiàn)插槽下渲染dom字符串的使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04