vuejs 数据渲染成功仍然报错的一个问题

但我在做一个数据列表渲染的时候,因为用到了官方推荐的axios请求数据。当我把数据请求成功了,但是任然还会有报错,我一直很纳闷,首先看看问题:



根据翻译,大概意思是说我的渲染函数有问题,以及‘taocanZhuanq’这个属性找不到,我已开始以为我的json文件写错了,


我仔细看,任然觉得我的json文件100%没写错!但是呢虽然报错,我的数据还是在视图渲染成功。意思是,虽然报错,但是程序正常运行,并不会影响程序的使用,但是我个人是有强迫症的,我必须搞明白。


我怀疑是我的ajax请求放错了钩子函数,所以呢,就在官网中把每个钩子函数都死了一遍,然而没用,问题依然存在,我的ajax请求如下:

最后我怀疑是我在ajax请求的时候,视图并无数据渲染,所以我必须做一些处理,就是没数据的时候,让视图不渲染。所以我想到了v-if和v-show

我是这么处理的:我加了一个    v-if="contentAllData!=null",意思就是说,数据没有的时候,这一块隐藏不渲染,但拿到数据了,也就不为null了,那就显示视图。最后也没报错了。如下:



希望对你有帮助。如果你有更好的方法,欢迎教我!


评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

三木森森の

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值