VUE使用ref控制子组件的值

子组件

//控制显示隐藏的变量
const centerDialogVisible = ref(false);
//如果要在父组件内使用，必须将子组件的值通过defineExpose导出
defineExpose({
  centerDialogVisible,
});

父组件

//通过ref获取子组件
const user = ref();
//点击新增用户弹框显示事件
const info = () => {
  //改变子组件的centerDialogVisible 变量值
  user.value.centerDialogVisible = true;
};