ant design vue Drawer渲染的问题?

模版如下:

 <!-- 抽屉 之 资金流水-->
<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都在点击第二次的时候才能拿到,刷新后的第一次总是拿不到数据

阅读 1.4k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题