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官方原文介绍