[JavaScript知识库] 锋迷商城 Cannot read properties of undefined (reading ‘productName‘)“

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> 锋迷商城 Cannot read properties of undefined (reading ‘productName‘)“ -> 正文阅读

[JavaScript知识库]锋迷商城 Cannot read properties of undefined (reading ‘productName‘)“

index.html

<div class="am-u-sm-7 am-u-md-4 text-two sug" >
                            <div class="outer-con ">
                                <div class="title ">
                                    {{rc.products[0].productName}}
                                </div>
                                <div class="sub-title ">
                                    ￥13.8
                                </div>
                                <i class="am-icon-shopping-basket am-icon-md  seprate"></i>
                            </div>
                            <a href="# "><img src="static/images/2.jpg"/></a>
                        </div>

在这里插入图片描述

将页面代码做如下修改，增加一个v-if做判断

<div class="am-u-sm-7 am-u-md-4 text-two sug" v-if="rc.products.length>0">
                            <div class="outer-con ">
                                <div class="title ">
                                    {{rc.products[0].productName}}
                                </div>
                                <div class="sub-title ">
                                    ￥13.8
                                </div>
                                <i class="am-icon-shopping-basket am-icon-md  seprate"></i>
                            </div>
                            <a href="# "><img src="static/images/2.jpg"/></a>
                        </div>