2. 程式人生 > >vue2.XX 提示[Vue warn]: Error in render: "TypeError: Cannot read property 'img' of undefined"

vue2.XX 提示[Vue warn]: Error in render: "TypeError: Cannot read property 'img' of undefined"

阿新 • • 發佈：2018-11-01

item 是向後臺請求的一條資料，裡面包含img，但是卻提示img未定義

父元件向子元件傳遞資料時， 子元件 具體程式碼：

<img :src="item.img" />

提示：

出現的原因： 可能是頁面渲染和請求資料是非同步操作， 資料還未請求結束，頁面已經開始渲染了，所以剛開始報未定義變數， 等資料獲取結束後，再次渲染，頁面內容出來了，但是剛開始的警告也出來了

解決辦法： 

1、 <img :src="item && item.imgUrl" />

2、 在使用item之前先 v-if="item"

相關推薦

vue2.XX 提示[Vue warn]: Error in render: &quot;TypeError: Cannot read property &#39;img&#39; of undefined&quot;

item 是向後臺請求的一條資料，裡面包含img，但是卻提示img未定義 父元件向子元件傳遞資料時， 子元件 具體程式碼： <img :src="item.img" /> 提示： 出現的原因： 可能是頁面渲染和請求資料是非同步操作， 資料還未請求結束，頁面已經開始渲染了，所以剛開始報未

vue2.XX 提示[Vue warn]: Error in render: &quot;TypeError: Cannot read property &#39;img&#39; of undefined&quot;

再次 bubuko not .com fin 渲染 com 傳遞 fine item 是向後臺請求的一條數據，裏面包含img，但是卻提示img未定義 父組件向子組件傳遞數據時， 子組件 具體代碼： <img :src="item.img" /> 提示： 出現的

vuejs路由使用的問題Error in render function: "TypeError: Cannot read property 'matched' of undefined"

從一次執行錯誤開始 html程式碼 <div id="app"> <router-link to="/home">首頁</router-link> <router-link to="/about"&g

[Vue warn]: Error in render: &quot;TypeError: Cannot read property &#39;0&#39; of undefined

來看 for per 字段 後來 AD cannot fine size 　　註意，只要出現Error in render，即渲染時候報錯，此時應該去渲染位置去找錯誤，而不是函數裏面。 　　今天就碰到這個錯誤，我一直只註意著Cannot read property ‘0‘

[Vue warn]: Error in render: &quot;TypeError: Cannot read property &#39;slice&#39; of undefined&quot; found in

  在頁面中使用slice, 頁面報錯，報錯原因 是由於陣列物件未定義或為null 引起的，所以檢視獲取資料的介面是否請求到了資料。 因為載入順序（生命週期）的問題導致先執行的時候為空，做個空資料就好了 (typeIdPro.sysqalist || '') 修改前  

[Vue warn]:Error in render: &quot;TypeError: Cannot read property &#39;length&#39; of null&quot;

錯誤定位不到，不知道哪裡有錯。當把music-list元件的props：{songs：default：}中的null改為【】就不會報錯，類似這種錯誤，我們如何定位問題？比如這種錯誤，根本不能告訴我們錯誤程式碼行？？？？？ 首先，根據錯誤提示你可以知道報錯是哪個元件，其次順著錯誤堆疊往

[Vue warn]: Error in render: "TypeError: this.formData.subImages.split is not a function"

問題：錯誤程式碼：computed:{ //附圖輪播圖 subImgList(){ let imgArray = this.formData.subImages.split(','); imgArray

[Vue warn]: Error in render: "TypeError: Cannot read property 'matched' of undefined"

菜鳥級的錯誤，，，， [Vue警告]：渲染錯誤：“TypeError：無法讀取屬性’匹配’的未定義” 沒有匯出例項，當然匹配不上啊！！！！！！！ 改成下面就好了 export default new VueRouter({ routes: [

vue報錯Error in render: &quot;TypeError: Cannot read property &#39;0&#39; of undefined&quot;

通常有兩種情況： 1、在模板的html標籤上使用length報錯 vue 中使用 length判斷的時候，有時會報錯，如下： <div class="item_list" v-if="form.checkVal.length > 0" >列表1</div><div c

[VUE ERROR] Error in render: &quot;TypeError: Cannot create property &#39;header&#39; on boolean &#39;true&#39;&quot;

cannot tail 擴展 detail prope erro reat http not 項目基於ElemnetUi進行的開發，在引入第三方擴展庫 vue-element-extends 之後使用它的表格組件報了這個錯 解決方案： 1. 刪除項目中的 nod

Error in render: "TypeError: Cannot read property 'XXXXX' of undefined"

        最近，小弟在使用vue開發介面時，出現一個有趣問題：功能正常使用，但F12卻報出一個XXX Undefined的錯誤。這個錯誤已經見了無數次，於是果斷去Ctrl+F搜尋XXX,仔細瀏覽一圈後發現xxx明明是定義了的。整體流程：介面渲染前先通過mounted載入

設置marbles . step 4 error error: Caught exception: TypeError: Cannot read property &#39;getConnectivityState&#39; of undefined

rm -rf tin app clas margin xevent ins rpc shu 參考鏈接：https://github.com/IBM-Blockchain/marbles/issues/220 p.p1 { margin: 0.0px 0.0px 0.0px

TypeError: Cannot read property &#39;vue&#39; of undefined

![在使用webpack打包的時候遇到的這個錯誤，網上沒找到解決的方法，望各路大神留步，看一下如何解決 ERROR in ./src/login.vue Module build failed (from ./node_modules/[email protected]@vue-l

axios 在 webpack 打包報錯：Uncaught (in promise) TypeError: Cannot read property &#39;protocol&#39; of undefined

解決方法： import axios from 'axios' // 在這裡不能使用 Vue.use(axios) // Vue.use(axios) Vue.prototype.$http = axios 模組引用： // 基於vue的

vue.js中報錯： TypeError: Cannot read property 'indexOf' of undefined

[Vue warn]: Error when evaluating expression "name.indexOf('jack') >= 0": TypeError: Cannot read

Uncaught TypeError: Cannot read property of undefined In JavaScript

  當指令碼遇到未初始化的變數或物件時，通常會丟擲如上圖所示的錯誤。   Decription 'Undefined'是全域性物件的屬性。如果沒有為變數賦值，則為'undefined'型別。當求值變數沒有任何賦值時，程式碼也會返回未定義的值。   Code str

解決vue2.0路由 TypeError: Cannot read property 'matched' of undefined 的錯誤問題

剛開始使用vue-router2.0，雖然也用了vux，用起來卻發現一個問題……具體如下： 正常情況下使用腳手架跑完之後，然後修改源專案，首先在main.js入口裡把該import進去的vuex，vue-router,vue-resource等等都啟動好了，接著就是在對應的資

vue 報錯解決：TypeError: Cannot read property '_t' of undefined"

前端報錯如下： [Vue warn]: Error in render: “TypeError: Cannot read property ‘_t’ of undefined” 是在專案中用了多語言配置，vue 跟 i18n之間的相容問題。解決方法如下：

React第一次渲染為何容易出現TypeError: Cannot read property &#39;XX&#39; of undefined

　　此題可能大家會不屑一顧，哎，錯誤都給你懟臉上了你還不會嘛，其實大家有沒有認真思考過這其中的原因。先上一張錯誤圖，剩餘的全靠編。沒興趣看圖的老鐵們可以拉到最底下直接看結論 錯誤：    程式碼： 　　其次，我再把簡化後的程式碼拉出來遛一遛（可以先跳過圖片，去看結論）  

vue 中報錯 Error in mounted hook: "TypeError: handlers[i].call is not a function"

你會發現出現這個錯誤了，但是並沒有影響到專案的執行，（推下眼鏡），作為一個經常假裝認真的我，覺得還是解決掉的好，避免為以後留下隱患。 直接看這個錯誤你會發現，沒有任何的頭緒，那麼就從他給的報錯下的提示看看，可能有問題的元件有哪些；看完以後你會發現，這些都和生命週期鉤子函式有