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、展示效果