vue在for循环中加入男女判断

您好，可以在Vue的for循环中通过v-if指令判断男女，例如：

<template>
  <ul>
    <li v-for="person in people" :key="person.id">
      {{ person.name }}
      <span v-if="person.gender === 'male'">男</span>
      <span v-else-if="person.gender === 'female'">女</span>
      <span v-else>未知</span>
    </li>
  </ul>
</template>

<script>
export default {
  data() {
    return {
      people: [
        { id: 1, name: '张三', gender: 'male' },
        { id: 2, name: '李四', gender: 'male' },
        { id: 3, name: '王五', gender: 'female' }
      ]
    }
  }
}
</script>

以上就是一个简单的Vue for循环中加入男女判断的例子，希望能够帮助到您。