繁体   English   中英

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

[英]How to solve : [Vue warn]: Error when rendering component on the vue.js 2?

我的组件代码( 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警告]:在C:\\ xampp \\ htdocs \\ chelseashop \\ resources \\ assets \\ js \\ components \\ SearchResultView.vue渲染组件时出错:

未捕获的TypeError:无法读取未定义的属性“名称”

我该如何解决错误?

由于它是经过计算的,因此它的值可能会在程序生命周期中发生变化。 在尝试从中获取成员之前,应检查并确保a.list[12]存在。

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM