openlayers绘制图形后清空图形要素失败

let draw = new Draw({
	source:source,
    type:'Circle',
    freehand:false,
    geometryFunction: createBox(),
})
map.addInteraction(draw);
draw.on("drawend", function(e){
	v.map.removeInteraction(draw)
	drawsource.clear()
})

对draw进行监听，绘制结束后清空图层要素。但是实际上并没有达到想要的效果，这是因为监听事件是一个异步的过程，在draw没有完成之前，就已经执行了clear操作。
解决方案一：将clear设置为异步代码

draw.on("drawend", function(e){
	v.map.removeInteraction(draw);
	setTimeout(()=>{
		drawsource.clear()
	}, 0)
})

clear设置为异步操作后，会和监听事件一起作为异步事件进行异步队列排队。并且监听事件优于clear操作，这样即使设置的延迟时间为0，绘制结束后也会清空图层要素。
解决方案二：

source.on("addfeature", function(e){
	v.map.removeInteraction(draw);
	drawsource.clear()
})

对图层添加要素事件进行监听，等待添加要素完成之后再执行操作。