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)文章

Vuex的安裝、搭建及案例詳解
vuex是一個專門為vue開發(fā)的狀態(tài)管理工具,它采用集中式存儲管理應(yīng)用的所有組件的狀態(tài),其核心是state,下面這篇文章主要給大家介紹了關(guān)于Vuex的安裝、搭建及案例的相關(guān)資料,需要的朋友可以參考下
2022-05-05
Element的Pagination分頁sync問題小結(jié)
本文主要介紹了Element的Pagination分頁sync問題小結(jié)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-07-07
如何給element添加一個抽屜組件的方法步驟
這篇文章主要介紹了如何給element添加一個抽屜組件的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-07-07
手把手教你使用vue-cli腳手架(圖文解析)
本篇文章主要介紹了手把手教你使用vue-cli腳手架(圖文解析)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-11-11
VUE 項目在IE11白屏報錯 SCRIPT1002: 語法錯誤的解決
這篇文章主要介紹了VUE 項目在IE11白屏報錯 SCRIPT1002: 語法錯誤的解決，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-09-09
詳解如何使用Object.defineProperty實現(xiàn)簡易的vue功能
這篇文章主要為大家介紹了如何使用Object.defineProperty實現(xiàn)簡易的vue功能示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-04-04
vue項目中使用fetch的實現(xiàn)方法
這篇文章主要介紹了vue項目中使用fetch的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04
基于Vue sessionStorage實現(xiàn)保留搜索框搜索內(nèi)容
這篇文章主要介紹了基于Vue sessionStorage實現(xiàn)保留搜索框搜索內(nèi)容,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2020-06-06
vue-cli構(gòu)建vue項目的步驟詳解
這篇文章主要介紹了vue-cli構(gòu)建vue項目的步驟詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-01-01
Vue實現(xiàn)點擊當(dāng)前行變色
這篇文章主要為大家詳細(xì)介紹了Vue實現(xiàn)點擊當(dāng)前行變色，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-12-12