1、定義子類LoginForm:
function handleLogin(account, token) {console.log(account,token)}defineExpose({handleLogin,});
2、父類調用子類組件
const loginFormRef = ref();
<LoginForm?ref="loginFormRef"?/>loginFormRef.value.handleLogin(account, auth);
3、將定義的變量、方法以defineExpose export出去,供父調用
const formData = reactive({account: 'admin',password: '123',});defineExpose({formData,handleLogin,});
?變量、方法都放在defineExpose里就可以了。
否則方法handleLogin會提示已定義,但是沒有使用,下面方法只是演示少寫一個e.
4、展示效果