[問題] v-for 使用 props 錯誤
大家好
小弟遇到一個問題想請教一下板上先進
舉個簡單的例子， 在
-- A.vue
<divMsg :oObj="oObj" :oObj2="oObj2" ></divMsg>
<script>
import divMsg from './divMsg';
export default {
name: 'A',
components: { divMsg },
data () {
return {
oObj : { a : {name : 'a_name'} },
oObj2 :{ a : {name : 'a_name2'}},
}
}
}
</script>
-- divMsg.vue
<div>
<span>111 : {{ this.oObj2.a.name }}</span>
<h1 v-for="item in this.oObj">
<span>222 : {{ this.oObj2.a.name }}</span>
</h1>
</div>
如果只有 111 是沒問題的
但是 222 會發生錯誤
錯誤是
TypeError: Cannot read property 'oObj2' of undefined
at eval (eval at ./node_modules/vue-loader/lib/
template-compiler/index.js?...
目前唯一想到的解法就是 不要用 v-for ，直接一個一個寫
不知道各位先進大大們有沒有更好的方法?
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.238.35.248 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1562165638.A.D3A.html
→
07/04 08:42,
5年前
, 1F
07/04 08:42, 1F
→
07/04 11:42,
5年前
, 2F
07/04 11:42, 2F
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章
