如何从自定义输入组件的父表单组件中读取其值?

时间:2019-07-30 22:35:33

标签: javascript web-component stenciljs

我是StencilJS的初学者,我正在尝试构建一个简单的登录界面。我以前创建了一个自定义的Input组件(其中包括一些不错的功能,如验证等),现在我想在正在构建的Form组件内重用它,基本上是这样的:

<form>
 <my-input type="email" name="email">
 <my-input type="password" name="password">
 <button type="submit">Submit</button>
</form>

我需要从表单组件中读取在onSubmit上执行的函数的自定义输入字段的值。如何从父表单组件读取此类值?我是否应该在输入组件内发出一个自定义事件,并带有输入值,并从Form组件向其发送Listen()?

0 个答案:

没有答案