叨叨游戏网
您的当前位置:首页v-for绑定列表循环显示不出来,控制台输出列表有数据

v-for绑定列表循环显示不出来,控制台输出列表有数据

来源:叨叨游戏网
<div v-show="skName === 'AAA'&& orderPayList.length>0">
   <div v-for="(orderPayItem, orderPayKey) in orderPayList" :key="orderPayKey">
      <p>姓名{{ orderPayItem.name }},身份证号为{{ orderPayItem.idNo }}</p>
      <p>缴费单号:{{ orderPayItem.paymentNo }}</p>
      <p>缴费单号:{{ orderPayItem.orderNo }}</p>
    </div>
</div>

开发中碰到一个问题,记录一下,v-for循环列表的时候控制台输出拿到数据了,页面上列表并未显示出来,后来发现是因为v-show和v-for同时使用的时候,需要在v-show的条件判断中增加对数组长度的判断,加完成功显示出来了

因篇幅问题不能全部显示,请点此查看更多更全内容