vue length属性未定义

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

vue length属性未定义

zouyi_888   2022-06-05 我要评论

数据对象length属性未定义

问题

通过axios得到接口数据,但发现该数据length属性在打印的时候undefined。

this.axios.get("/xxx/xxx/xxx/xxxx/process/status?docId=" + this.docId).then((response) => {
  if (response.data.code === 0) {
     this.docstatus = response.data.data;
     console.log(this.docstatus.length);

解决

这样写就解决了:Object.keys(data).length;

    const length = Object.keys(this.docstatus).length;
    console.log(length);

vue2.x中数组length属性报错

Error in render: cannot read property 'length' of undefined

vue2.x中代码使用length属性出现的报错时

//这里是我的代码
<div class="supports-count" @click="showDetail">
   <span class="count">{{seller.supports.length}}个</span>
   <span class="icon-keyboard_arrow_right:before"></span>
   </div>

我们的页面渲染出来了,但是会报一个关于length属性的错误

报错图

图中可以看到我们的浏览器报的错误!!Error in render! 这是一个关于渲染的报错

那么我们应该怎么去解决呢?首先我们分析一下报错的原因

原因

原因暂时不知道哈哈 但是我知道解决方案

在这里插入图片描述

解决方案

在我们容器中的上一级容器加入代码v-if,然后加入要使用Length的这个数组,这样的目的就是为了在数组存在之后再进行渲染!!

<div class="supports-count" @click="showDetail">
	<span class="count"  v-if="seller.supports">{{seller.supports.length}}个</span>
	<span class="icon-keyboard_arrow_right:before"></span>
</div>

结果

问题解决

问题解决!以上为个人经验,希望能给大家一个参考,也希望大家多多支持。

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们