vue 的异步数据遍历

使用 vue + vuex + axios

代码如下：

let sexList = [// store 里的数据
  {
    code: 0,
    sexText: '女',
  },
  {
    code: 1,
    sexText: '男',
  }
]

let clientList = [// index 页面里的数据
  {
    name: '杨过',
    sexCode: 1,
  },
  {
    name: '小龙女',
    sexCode: 0,
  }
]

mounted() {
  this.$store.dispatch('getSexList')// 获取性别列表
  
  getClientList({data: 'clients'}).then((res) => {
    if(res.data.success) {
      this.clientList = res.data.data// 获取客户数据
    }else {
      this.$message.error(res.data.message)
    }
  }).catch((err) => {
    console.log(err)
  })
},
watch: {
  clientList(val) {// 监听客户数据，遍历对比 sexList 的 sexCode，放到客户列表里
    if(val && val.length > 0) {
      val.map((item) {
        this.$store.getters.sexList.map((sex_item) => {
          if(sex_item.sexCode == item.sexCode) {
            item.sexText = sex_item.sexText
          }
        })
      })
    }
  },
}

页面进入的时候并不能实现我想要的效果：监听客户数据 clientList，遍历对比 store 里的 sexList 的 sexCode，把性别 sexText 放到客户列表里

请问一下该怎么解决这个异步的问题？