nvue界面请求接口数据赋值markers，@markertap失效

分类：uni-app

<map id="map" class="map" v-if="isshowmap" :scale="scale" :style="'height:'+windowHeight*2+'rpx;'" markers="markers" :latitude="latitude" :longitude="longitude" @markertap="markertap"> </map>
mounted() {
this.getdevicelist();
},
methods: {
getdevicelist(){
uni.request({
//地址删去了
method: 'GET',
header: {
"content-type": "application/json",
"Authorization": uni.getStorageSync("user-token")
},
success: (res) => {
if(res.data.code == 200) {
this.isshowmap = true;
this.setShowData(res.data.data);
this.showData.forEach((v, index) => {
if (v.coordinate != null) {
v.longitude = v.coordinate.split(",")[0];
v.latitude = v.coordinate.split(",")[1];
} else {
return v;
}
v.label = {
color: '#ffffff',
bgColor: 'rgba(6,162,251,.6)',
borderWidth: 1,
padding: 5,
borderRadius: 4,
content: v.name,
};
v.iconPath = '/static/image/location.png';
this.showDatas.push({
"id":Number(v.id),
"longitude":v.longitude,
"latitude":v.latitude,
"label":v.label,
"iconPath":v.iconPath
});
})
this.markers = this.showDatas;
} else {
uni.showToast({
title: '请求失败',
icon: 'error'
})
}
// console.log(this.markers)
},
fail: (res) => {
uni.showToast({
title: '请求失败',
icon: 'error'
})
},
})
},
}

2022-04-06 09:37 负责人:无分享