使用 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 放到客户列表里
请问一下该怎么解决这个异步的问题？
扫一扫
3480
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
