如何解决：[Vue警告]：在vue.js 2上渲染组件时出错？-Java 学习之路

我的组件代码（ 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]) 时，结果如下：

enter image description here

我想要名称的显示值

我试着这样：

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

在控制台上，存在如下错误：

[Vue警告]：在C：\ xampp \ htdocs \ chelseashop \ resources \ assets \ js \ components \ SearchResultView.vue中呈现组件时出错：未捕获TypeError：无法读取未定义的属性'name'

我该如何解决错误？

1 回答

2
因为它是计算的，所以它的值可能在程序的生命周期中发生变化 . 在尝试从中获取成员之前，应检查以确保 a.list[12] 存在 .
```
if (a.list[12])
    console.log(a.list[12].name);
```
回复于 2024-05-08T13:50:30+08:00

如何解决：[Vue警告]：在vue.js 2上渲染组件时出错？

1 回答

相关问题