在uni.chooseImage的success回调里面无法更新响应式数据也无法使用setTimeout

uni-app x项目，开发ISO App.
avatar是响应式变量，即：ref变量，用于给<image>显示图片，我的目的是用uni.chooseImage选择图片后显示在<image>里，后续再上传，不是选择好图片就直接上传。
模板：

<template>  
    <view class="avatar-box">  
        <text style="margin-top: 8px;">头像</text>  
    <image class="avatar-img" :src="avatar" mode="aspectFit" ></image>  
    </view>  
</template>  
JavaScript：  
    uni.chooseImage({  
        count: 1,  
    sizeType: ['original', 'compressed'],  
    sourceType: ['album'],  
    crop: {  
        width: 200,  
        height: 200  
    },  
    success: (res) => {  
        console.log("Array.isArray(res.tempFilePaths)=" + Array.isArray(res.tempFilePaths));  
        let filepath = res.tempFilePaths[0];  
        //avatar.value = filepath; //如果uni.chooseImage没crop参数是可以用这行的，avatar值能被更改，图片也会显示出来，但是我需要crop参数，用这行不但无效而且还会导致后面用uni.showModal()里面的回调也失败。  
        //因为无法直接更改avatar的值，所以想用setTimeout 延时更改avatar值，但结果是无法执行setTimeout里面的function,也就无法更改avatar的值  
        setTimeout(() => {  
                //这里的任何代码都无法被执行  
        console.log("[setTimeout]");  
        avatar.value = filepath;  
            }, 200);  
        //因为无法使用setTimeout()所以用uni.showModal的回调测试一下，结果avatar值居然可以被更改，所以图片也就显示出来了  
        uni.showModal({  
            title: "title",  
        content: "content",  
        showCancel: false,  
        success: (res) => {  
            avatar.value = filepath;  
        }  
        });  
        }  
    });

总结一下问题：
使用uni.chooseImage选择相册里面的图片时，要使用crop参数，就无法在success回调中更改响应式变量avatar的值，也就无法显示图片，请问这是怎么回事？用uni.showModal()的回调来显示图片不是我想要的，我想要的是用户选择照片后就给显示出来，后续再进行上传，至于上传已经测试通过了，crop参数是有效果的，现在问题是图片选择后没法显示出来。