vue3的ref响应式问题？-灵析社区

在vue3框架中，我使用ref定义了一个变量，但是发现在更新其数据之后，页面上并不会有响应式变化，具体表现是在更新数据之后不会出现表格最前面的选择框 数据定义 const rowSelections = ref | null>>({}) 数据初始化，其中list是一个数组，具有唯一的id属性 list.value.forEach((el) => { rowSelections.value[el.id] = null }) 组件A中定义了计算属性rowSelection const isBatching = ref(false) const rowSelection = computed(() => { if (isBatching.value) { return { columnWidth: 30, selectedRowKeys: selectedRowKey.value, getCheckboxProps: (record) => { return { props: { disabled: !isActivated(record) } } }, onChange: (selectedRowKeys: string[], selectedRows) => { selectedRowKey.value = selectedRowKeys } } } return null }) 当点击一个按钮之后，触发BatchEdit函数，通过emit抛出新的rowSelection const batchEdit = () => { isBatching.value = true selectedRowKey.value = [] emit('rowSelectionChange', { rowSelection, id: props.id }) } 在父组件中进行事件定义并更新内容 const rowSelectionChange = ({ rowSelection, id }) => { rowSelections.value[id] = rowSelection } rowSelections的使用