ant design vue Drawer渲染的问题？

Question

模版如下：

 <!-- 抽屉 之 资金流水-->
<a-drawer v-model:visible="money_record_drawer_visible" :forceRender="true"
                    placement="right" size="large">
<MoneyRecord :fund_code="fund_code"></MoneyRecord>
</a-drawer>

方法如下：

const fund_code = ref('');
//打开抽屉
const show_drawer = (fund_code_value) => {
  fund_code.value = fund_code_value;
  money_record_drawer_visible.value = true;
}

MoneyRecord如下：

const props = defineProps({
    fund_code: {
        type: String,
    },
})

watch(
    () => props.fund_code,
    (newVal, oldVal) => {
        console.log(newVal);
        filter_form.value.fund_code = newVal;
    }
)

问题：
打开MoneyRecord抽屉后，每一次fund_code都在点击第二次的时候才能拿到，刷新后的第一次总是拿不到数据