[問題] v-for 使用 props 錯誤

[kiey (煉)]

大家好

小弟遇到一個問題想請教一下板上先進

舉個簡單的例子， 在

-- 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
→ dododavid006: 不要在 template 裡用 this 直接用 oObj2
→ kiey: 感謝樓上大大 已解決