解决vue.js数据渲染成功后仍然报错的问题

最近，我在做一个vue项目，使用官方推荐的axios请求数据。数据结构是嵌套在第二层对象中的第一层对象。发现一级对象数据渲染没有报错，二级数据渲染报错。很是郁闷！数据功能如下

导出默认值{name:' hello '，data(){ return { card : } }返回的数据如下：

{ ' object ' : { ' subobject ' : ' 123 '，}}报告了一个错误，因为数据函数返回的卡片中没有辅助对象，所以它将报告一个错误。

解决方案是：

导出默认{ name: 'detail '，data(){ return { load : false，card : }，} }，created(){ this . fetchdata()；}，methods : { FetchDATa(){ this . loading=true；让那个=这个；this.ajax.get(url，{ params: { id: ' yourId ' } })。然后(函数(响应){ that.loading=false}，函数(错误){ console.log(错误)；})}}然后在html中添加以下句子：

模板div v-if='！正在加载！- .希望对你有帮助！~溜走了~ ~ ~

扩展知识：解决Vue组件页面呈现正常对象和报告错误未定义的问题

首先，页面代码：{{options。文件列表[0]。fullpath}}，

渲染结果：

(渲染成功)，

但是控制台仍然报告一个错误：

如果有和我有同样问题的朋友，他们一定和我一样，心里一万匹草泥马漂过，都表现正常。你还向我报错，我受不了。首先，我直接在页面节点打印，好的，没问题，可以完美打印，然后我改变主意，看着装裱中发生的事情。努力是有回报的。

挂载中的打印数组是空的，所以我应该知道问题出在哪里。当页面加载时，数据还没有传输，但此时我们已经开始使用它，所以我们将报告一个未定义的错误。数据值传输时，页面找到这个数据并渲染，那么我看到的页面又正常了，那么如何解决这个问题呢？

答案也很简单，只需在渲染的节点上添加一个判断即可，

这样，当发现未定义时，不会读取数据，有数据时，也不会出现未定义的错误。

上述解决vue.js数据渲染成功但仍报错的问题，就是边肖与大家分享的全部内容。希望能给大家一个参考，多支持我们。