vue性别判断和上传

Question

我想把第二张图的性别，改成判断，怎么开，着么传数据啊

Answer 1

或许你想得到这样的结果？

const gender = ['未知', '男', '女', ]
this.data.forEach(item => {
  this.data.sex = gender[Number(item.sex)]
});

---

但正常人不应该这样写吗？

<template>
  <div>
    <table>
      <tr>
        <th>性别</th>
      </tr>
      
      <tr v-for="(item,index) in datum">
        <td>{{ gender[item.sex] }}</td>
      </tr>
    </table>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        gender: ['未知', '男', '女', ],
        datum:[
          {sex:1,name:'小明'},
          {sex:2,name:'小花'}
        ]
      }
    }
  }
</script>

---

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。

Answer 2

for(let n of res.rows){
if(n.sex=='1'){
n.sex='男'
}
if(n.sex=='2'){
n.sex='女'
}
}
this.data=res.rows

Answer 3

this.data.sex = ['未知', '男', '女'][item.sex]

Answer 4

如果你用的是element的table，可以用column的formatter属性，写个映射对象就行，你图里那个if判断下应该用item吧，不是this.data