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