如何用异步方法处理已绑定的数据


#1

后台返回给我一组坐标,我用v-for绑定到dom上,需要把坐标转换成地址,但转换地址的方法是异步的,我用filter,但是return的时候还未转换完成,哪位小伙伴给点建议


#2

可以使用async await


#3

转换地址的方法应该会提供一个数组参数以便批量转换 转换之后再给v-for的数组赋值


#4
` props:{
        lnglat:Array,           
    },
    computed:{
       newAddress:function(){               
            let address="地址";
            let self=this;
            async function test(){
                address=await Geocoder({lnglatXY:self.lnglat});    //异步方法
                console.log('async',address);     //后打印          
            }
            test(); 
            console.log(address);  //先打印
            return address;   
           
        }
    },`

这个return是 ‘地址’,


#5

高德批量转换一次最多20条,开始我是用for循环单个转换,mounted里取到数据也是有转换后的地址,但是绑不上去,每次点击取数据的按钮,页面上地址闪一下就没了


#6

使用async await

async newAddress() {
let address = ‘地址’;
const self = this;
address = await Geocoder({ lnglatXY: self.lnglat }); // 异步方法
console.log(‘async’, address); // 后打印
console.log(address); // 先打印
return address;
}