<!-- 注意事项:不建议将 v-for和v-if在同一个标签同时使用,因为v-for的优先级高于v-if可以在for的外面加一个template标签解决问题-->
<template v-if="students.length > 0">
<tr v-for="(item,index) in students" :key="item.id">
<td>{{item.id}}</td>
<td>{{item.name}}</td>
<td>{{item.phone}}</td>
<td>{{item.remark}}</td>
<td>
<button @click="del(index)" class="btn btn-danger">删除</button>
</td>
</tr>
</template>
Vue的if和for注意事项
最新推荐文章于 2024-07-19 19:34:28 发布