快捷導(dǎo)航

Vue報錯:TypeError:Cannot create property 'xxx' on string 'xxxx'問題

更新時間：2024年08月05日 15:25:49 作者：達希_

這篇文章主要介紹了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)文章

vue使用vue-video-player無法播放本地視頻的問題及解決
這篇文章主要介紹了vue使用vue-video-player無法播放本地視頻的問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-08-08
詳解Vue與VueComponent的關(guān)系
這篇文章主要為大家介紹了Vue與VueComponent的關(guān)系，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2021-12-12
基于IView中on-change屬性的使用詳解
下面小編就為大家分享一篇基于IView中on-change屬性的使用詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-03-03
vue通過獲取url中的信息登錄頁面的代碼詳解
這篇文章主要給大家介紹了vue通過獲取url中的信息登錄頁面的方法,文中通過代碼示例給大家介紹的非常詳細,具有一定的參考價值,需要的朋友可以參考下
2024-02-02
vue.js實現(xiàn)簡單輪播圖效果
這篇文章主要為大家詳細介紹了vue.js實現(xiàn)簡單輪播圖效果的相關(guān)代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-10-10
vue-cli腳手架引入彈出層layer插件的幾種方法
layer.js(mobile)是一個小巧方便的彈出層插件，在之前的apicloud項目中被大量使用，但最近對apicloud的IDE、非常不友好的文檔和極低的開發(fā)效率深感厭煩，決定棄用然后轉(zhuǎn)向Vue開發(fā)。這篇文章主要介紹了vue-cli腳手架引入彈出層layer插件的幾種方法，需要的朋友可以參考下
2019-06-06
使用Vue3和p5.js實現(xiàn)交互式圖像動畫
這篇文章主要介紹了如何用Vue3和p5.js打造一個交互式圖像動畫,文中給出了詳細的代碼示例,本代碼適用于需要在網(wǎng)頁中實現(xiàn)圖像滑動效果的場景,例如圖片瀏覽、相冊展示等,感興趣的小伙伴跟著小編一起來看看吧
2024-06-06
vue使用路由的query配置項時清除地址欄的參數(shù)案例詳解
這篇文章主要介紹了vue使用路由的query配置項時如何清除地址欄的參數(shù)，本文通過案例給大家分享完美解決方案,需要的朋友可以參考下
2023-09-09
el-upload http-request使用多個文件上傳攜帶其他參數(shù)方式
這篇文章主要介紹了el-upload http-request使用多個文件上傳攜帶其他參數(shù)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-04-04
記一次微信小程序與webviewH5通信的踩坑記錄
uniapp開發(fā)小程序的過程中主、分包有大小限制,隨著業(yè)務(wù)的增加,使用web-view加載H5的方式,往往純加載并不能滿足業(yè)務(wù)需求,這個時候就得了解小程序與H5的交互,這篇文章主要給大家介紹了關(guān)于微信小程序與webviewH5通信的踩坑記錄,需要的朋友可以參考下
2024-07-07