vuejs里循环数组的有条件渲染

vuejs的循环渲染中,有时候我们不希望所有条目都被渲染,只希望符合条件的才渲染,怎么办呢?

首先,应该注意v-for和v-if是不允许同时出现在同一个元素上的,比如<tr v-for="(data,index) in dataList" v-if="data.disabled" :key="index">就是不被允许的。

那么正确的做法应该是如下所示,用template标签:

<template v-for="(data,index) in dataList" :key="index">
      <tr v-if="data.disabled">

引文:vuejs官方原文介绍

猜你喜欢

转载自blog.csdn.net/miaowansheng/article/details/125484025