Как решить: [Vue warn]: Ошибка при рендеринге компонента на vue.js 2?

Question

Мой код компонента (SearchResultView.vue), как это:

<template> 
    ... 
</template> 

<script> 

    export default{ 
     props:['search','category','shop'], 
     created(){ 
      ... 
     }, 
     data(){ 
      return{ 
       loading:false 
      } 
     }, 
     computed:{ 
      list:function(){ 
       var a = this.$store.state.product; 
       a = JSON.stringify(a) 
       a = JSON.parse(a) 
       console.log(a.list[12]) 
       ... 
      } 
     }, 
     methods:{ 
      ... 
     } 
    } 
</script> 

Когда я проверить это: console.log(a.list[12]) на консоли, результат:

Я хочу, чтобы дисплей значение имя

Я пробую вот так:

console.log(a.list[12].name) 

На консоли, существует ошибка, как это:

[Vue warn]: Error when rendering component at C:\xampp\htdocs\chelseashop\resources\assets\js\components\SearchResultView.vue:

Uncaught TypeError: Cannot read property 'name' of undefined

Как я могу решить эту ошибку?

Answer 1

Поскольку он рассчитан, его значение, вероятно, изменяется в течение жизни вашей программы. Вы должны убедиться, что существует a.list[12], прежде чем пытаться получить от него член.

if (a.list[12]) 
    console.log(a.list[12].name);