uni-ui的form表单校验规则更新问题【bug】

FormsItem里面的修改rules后校验没有更新还是保留的第一次的校验

测试代码如下

<template>  
  <uni-forms ref="refForm" :model="formObj">  
        <uni-forms-item label="标题" name="title" :required="req" :rules="rules">  
            <uni-easyinput v-model="formObj.title"></uni-easyinput>  
        </uni-forms-item>  
        <button @click="submit">提交</button>  
    </uni-forms>  
</template>  

<script setup>  
    import { reactive, ref } from "vue";  
    import { onLoad } from "@dcloudio/uni-app"  
    let formObj = reactive({  
        title:'',  
    })  
    let refForm = ref(null)  
    let req = ref(false)  
    let rules = ref([]);  

    onLoad(()=>{  
        setTimeout(()=>{  
            req.value = true  
            rules.value = [{required:true,errorMessage:'请填写'}];  
        },5000)  
    })  
    const submit = () => {  
        console.log('submit')  
        refForm.value.validate().then(res=>{  
            console.log('success')  
        })  
        .catch(e=>{  
            console.log('error',e)  
        })  
    }  

</script>