当 v-for 数组为空时, 可以在指令后面加上一个 v-else
指令来显示提示信息。
例如:
<template>
<div>
<div v-for="item in items" :key="item.id">{{ item.name }}</div>
<div v-else>暂无数据</div>
</div>
</template>
当 items
数组为空时, 模板中的 v-else 元素将会显示,否则 v-for 元素会被渲染。
当 v-for 数组为空时, 可以在指令后面加上一个 v-else
指令来显示提示信息。
例如:
<template>
<div>
<div v-for="item in items" :key="item.id">{{ item.name }}</div>
<div v-else>暂无数据</div>
</div>
</template>
当 items
数组为空时, 模板中的 v-else 元素将会显示,否则 v-for 元素会被渲染。