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>

结果

问题解决！