v-if判断数组长度

直接使用:

<a href="#picture" v-if="shopListData.attrs.length >0 " class="mui-navigate-right">选择 <span >{{ product_attr }}</span></a>

<a v-else >选择 <span >{{ shopListData.guide }}</span></a>

报错:Error in render: "TypeError: Cannot read property 'length' of undefined"

解决办法:

shopListData.attrs !== undefined && shopListData.attrs.length >0

代码如下:

<a href="#picture" v-if="shopListData.attrs !== undefined && shopListData.attrs.length >0 " class="mui-navigate-right">选择 <span >{{ product_attr }}</span></a>

<a v-else >选择 <span >{{ shopListData.guide }}</span></a>

---------------------

作者:a_grain_of_wheat

来源:CSDN

原文:https://blog.csdn.net/a_grain_of_wheat/article/details/82216923

版权声明:本文为博主原创文章,转载请附上博文链接!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • rljs by sennchi Timeline of History Part One The Cognitiv...
    sennchi阅读 7,448评论 0 10
  • **2014真题Directions:Read the following text. Choose the be...
    又是夜半惊坐起阅读 9,878评论 0 23
  • 数码管的动态显示 数码管动态显示的实质就是利用了人眼视觉的暂留和二极管的余晖作用 由于人的视觉暂留现象及发光二极管...
    忘川止阅读 1,234评论 0 0
  • 作者:沈从文 一个白日带走了一点青春 日子虽不能毁坏我印象里你所给我的光明 却慢慢的使我不同了 一个女子在诗人的诗...
    木子言寺月阅读 242评论 1 2
  • 2018年9月至2019年7月,是我教师生涯中最难忘、最有意义的一年。这一年,在学校领导的大力支持下,作为新...
    开森_阅读 429评论 0 1