vue报错:Cannot read properties of undefined (reading ‘0‘)

报错信息:Cannot read properties of undefined (reading '0')

    1. 描述:
      goodsInfo 是对象类型,其包含key 为 content, content为数组类型,
      直接取数组内容,页面能展示出来,只是console 会报错
    1. 原文:
<div class="content"><span>{{goodsInfo.content[0]}}</span><span>{{goodsInfo.content[1]}}</span>
</div>

因为写了这个 {{goodsInfo.content[0]}} 报错

    1. 解决

在展示前,加个if判断
因为当时还没获取到值,所以会报错

<!-- 在判断前加v-if判断,有值后再获取 -->
<div class="content" v-if="goodsInfo.content"><span>{{goodsInfo.content[0]}}</span><span>{{goodsInfo.content[1]}}</span>
</div>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/569378.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

JMeter【第五篇】关联:5种方法

前几天在Q群里看到群友发的最近10年性能测试工具使用率的统计&#xff0c;最近的2018年&#xff0c;jmeterloadrunner占了93%的使用率&#xff0c;说明这两个是主流&#xff0c;其中&#xff0c;jmeter的使用率逐年提升&#xff0c;现在已经超过了loadrunner&#xff0c;占了51…

四世同堂-读记

四世同堂是老舍先生写的长篇小说&#xff0c;因为书太长了&#xff0c;共分为三部&#xff0c;《惶恐》、《偷生》和《饥荒》&#xff0c;这本书大家都说很长&#xff0c;读了确实觉得很长&#xff0c;毕竟时间和精力有限。现如今&#xff0c;这本书我已经把《惶恐》看完了&…

树——通用树到二叉树的转换

1&#xff0c;已经创建了通用树结构&#xff0c;有必要创建另一种树结构吗&#xff1f; 2&#xff0c;简化树就直接减少结点中孩子的数量&#xff0c;但是这样树还能通用吗&#xff1f; 3&#xff0c;通用树结构的回顾&#xff1a; 1&#xff0c;双亲孩子表示法&#xff1a; 1&…

沃顿商学院最受欢迎的谈判课

沃顿商学院最受欢迎的谈判课讲了很多种在不同的情境之中&#xff0c;谈判技巧如何使用&#xff0c;帮助自己实现自己的目标&#xff0c;可以改善人们的思维习惯。随着人际交往的增加及人际圈的扩大&#xff0c;我明显感受到自己的处事思维以及情商方面的缺乏&#xff0c;想要通…

文件的读写

文件的最基本读写方式 1 fopen(小重山,r,encodingutf8)2 datef.read(5) #3 print(date)4 f.close()5 6 import time7 fopen(小重山2,a,encodingutf8)8 9 datef.write(\n hello cindy.\n) 10 datef.write(im so young) 11 12 time.sleep(2) 13 f.close…

学习小记录

一次性较快删除文件夹 npm install rimraf -g rimraf node_modules

如何运行exe文件

有三种方式 第一种&#xff1a;找到所在文件双击运行。 第二种&#xff1a;在命令行里面运行所在文件夹的位置&#xff0c;在输入文件名。 第三种&#xff1a;加到环境变量里面执行 转载于:https://www.cnblogs.com/q2546/p/10931956.html

觉得看到的很好的文章---以自勉

整体上来看&#xff0c;人脉当然很重要。不过&#xff0c;针对某个个体来说&#xff0c;更重要的是他所拥有的资源。有些资源很难瞬间获得&#xff0c;比如金钱、地位、名誉&#xff0c;尤其在这些资源的获得更多地依赖出身和运气的现实世界里。然而有些资源却可以很容易从零开…

一维数组和二维数组互转

$arr [1>玩玩,2>哦噢,3>嚷嚷,4>纯粹,5>不会,6>呃呃,7>卡卡,8>啊啊,9>一样,10>哈哈];$b Array();//一维数组转换成二维数组foreach ($arr as $key > $value) {$b[]Array(id>$key,name>$value);}$c array_column($b,name,id);//二维数…

前端基础笔记

1、加动画 在原来的元素上&#xff1a; transition: all .2s ease-in 在有hover的上&#xff1a; transform: translateY(-2px)

推荐几款提升效率的神器

1 数学公式神器&#xff1a;Mathpix Snip 作为理工科的学生或者经常用到数学的科研工作者&#xff0c;应该对数学公式都很头疼&#xff0c;不管是用LaTeX还是mathtype&#xff0c;都比较麻烦&#xff0c;要么需要频繁的鼠标点击&#xff0c;要么需要好的记忆力。而Mathpix Snip…

实验9 c++

problem &#xff1a;A 第一个类 #include <iostream> #include <iomanip> #include <cstring> #include <cmath> using namespace std;class Thing { private:string name; public:Thing(){}Thing(string n):name(n) {cout << "" <…

迭代器协议、斐波那契数列

f1.__iter__iter(f1)  把一个对象变成可迭代对象 __init__  构造函数 for循环遵循迭代器协议&#xff0c;要求对象有next、iter方法&#xff0c;有iter方法&#xff0c;for循环跟着对象对触发对象的方法&#xff08;协议规定&#xff09; 对象内部要有next方法 斐波那契数列…

[java基础问题] Exception 和 Error

Exception 和 Error Exception 和 Error 都是继承了 Throwable 类, 在 java 中, 只有继承了 Throwable 类才可以使用 throw 抛出, 或者 cath 捕获;Exception 意为 java 运行时可能发生的不合理的情况, 出现时并不会时程序异常退出。其中 Exception 又分为可检查异常, 非可检查异…

关于Kernel的思考

学习播客_KLDA&#xff08;推导得很通俗&#xff0c;下面的推导就是源于此篇博客&#xff09; 第一部分&#xff1a;按照自己的理解&#xff0c;模仿抄&#xff01;学习播客来完成一下KLDA的推导。 第二部分&#xff1a;对于Kernel的思考 KLDA&#xff1a;顾名思义&#xff0c;…

在elementUI中使用 el-autocomplete 实现远程搜索的下拉框

1. 在template加入如下标签 <el-form-item label"文章库" :label-width"formLabelWidth" ><el-autocompletev-model"addTopic.name":fetch-suggestions"querySearchAsync"placeholder"请输入文章标题"select"…

如何用一个例子彻底解释白盒测试中语句覆盖、判定覆盖、条件覆盖、条件判定覆盖、条件组合覆盖?

白盒测试 白盒测试把测试对象看作一个打开的盒子&#xff0c;测试人员依据程序内部逻辑结构相关信息&#xff0c;设计或选择测试用例&#xff0c;对程序所有逻辑路径进行测试&#xff0c;通过在不同点检查程序的状态&#xff0c;确定实际的状态是否与预期的状态一致。 语句覆…

thinkPHP5.0数据查询表达式生成技巧

thinkPHP的查询表达式大揭秘 主要使用where(条件表达式)方法 语法一&#xff1a;where(字段,条件,值)&#xff1b; 等于&#xff1a;EQ 解析为"" 不等于&#xff1a;NEQ 解析为"<>" 小于&#xff1a;LT 解析为"<" 小于等于&#xff1a;…

简易的实现对象内存池

简易的实现对象内存池MemoryNode结构体是保存每一个申请的内存节点&#xff0c;然后构成一个单链表。MemoryNodeList 结构体是保存的是每一块内存&#xff0c;当上一个内存块用完时&#xff0c;再次创建一个内存块。numofMemoryNode&#xff1a;一个内存块的内存节点数量 numof…

连接符合赋值运算符

字符串运算符 以.的形式来连接如&#xff1a;$a.$b; $aacb; $a.efg $aabcefg .相当与$a$a.efg mt_rand()&#xff1b;随机函数 <?php // mt_rand(int $min,int $max) 产生随机数函数 $min ,$max $str"请输入验证码&#xff1a;"; $str.<span style"…