Vue報錯:TypeError:?Cannot?create?property?‘xxxx‘?on的解決

更新時間：2022年06月28日 15:00:27 作者：倘若hfl

這篇文章主要介紹了Vue報錯:TypeError:?Cannot?create?property?‘xxxx‘?on的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教

TypeError: Cannot create property ‘xxxx‘ on

使用element的upload上傳時報錯

出現(xiàn)這種錯通常是你的數(shù)據(jù)和需要的數(shù)據(jù)格式不匹配

查看官網(wǎng)發(fā)現(xiàn)需要的是這種格式[{},{}]

我的代碼輸出的是[‘url1’,‘url2’]

正確代碼

handlesuccess(res, file, fileList) {
        var that = this
        // that.fileList.push(res.info.url) //['url1','url2'] 錯誤的
        var lists = {
          "name": res.info.name,
          "url": res.info.url
        }
        that.fileList.push(lists)
      },

[Vue warn]: Error in nextTick: "TypeError: Right-hand side of 'instanceo

報錯如下

原因

props 中出傳來的默認(rèn)值給的是具體的字符串

解決辦法

將具體字符串變成String，類型

解決根據(jù)

驗證傳入的 props 參數(shù)的數(shù)據(jù)規(guī)格，如果不符合數(shù)據(jù)規(guī)格，Vue 會發(fā)出警告。

能判斷的所有種類（也就是 type 值）有：

String, Number, Boolean, Function, Object, Array, Symbol

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

vue3+springboot部署到Windows服務(wù)器的詳細(xì)步驟
這篇文章主要介紹了vue3+springboot部署到Windows服務(wù)器,配置Nginx時，因為現(xiàn)在是把vue前端交給了Nginx代理，所以這里的端口號不一定是我們在vue項目中設(shè)置的端口號，本文給大家介紹的非常詳細(xì)，需要的朋友參考下吧
2022-10-10
vue.js使用Element-ui實現(xiàn)導(dǎo)航菜單
這篇文章主要為大家詳細(xì)介紹了vue.js使用Element-ui中實現(xiàn)導(dǎo)航菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-09-09
antd多選下拉框一行展示的實現(xiàn)方式
這篇文章主要介紹了antd多選下拉框一行展示的實現(xiàn)方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-10-10
vue?element-ui?Radio單選框默認(rèn)值選不中的原因:混用字符和數(shù)字問題
這篇文章主要介紹了vue?element-ui?Radio單選框默認(rèn)值選不中的原因:混用字符和數(shù)字問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2023-12-12
vue.js實現(xiàn)插入數(shù)值與表達式的方法分析
這篇文章主要介紹了vue.js實現(xiàn)插入數(shù)值與表達式的方法,結(jié)合實例形式分析了vue.js常見的3種插入數(shù)值實現(xiàn)方式,并總結(jié)了vue.js插值與表達式相關(guān)使用技巧,需要的朋友可以參考下
2018-07-07
vue中百度地圖定位及附近搜索功能使用步驟
這篇文章主要為大家介紹了vue中百度地圖定位及附近搜索功能使用步驟詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-09-09
深入淺出vue圖片路徑的實現(xiàn)
這篇文章主要介紹了深入淺出vue圖片路徑的實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-09-09
vue.js實現(xiàn)用戶評論、登錄、注冊、及修改信息功能
這篇文章主要為大家詳細(xì)介紹了vue.js實現(xiàn)用戶評論、登錄、注冊、及修改信息功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
vue動態(tài)添加路由后刷新頁面白屏問題及解決
這篇文章主要介紹了vue動態(tài)添加路由后刷新頁面白屏問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-04-04
vue3封裝echarts組件的實現(xiàn)步驟
這篇文章主要介紹了如何在Vue3中封裝一個高效、可復(fù)用的ECharts組件TChart,該組件支持響應(yīng)式圖表、空數(shù)據(jù)展示、事件監(jiān)聽、主題切換和性能優(yōu)化等功能,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2025-01-01