Owl 学习笔记之六--表单输入绑定 我们经常需要能够从 html input（或 textarea, or select）中

【文件属性】：

文件名称：Owl 学习笔记之六--表单输入绑定 我们经常需要能够从 html input（或 textarea, or select）中

文件大小：114KB

文件格式：DOCX

更新时间：2022-05-07 18:36:34

owl

Owl 学习笔记之六--表单输入绑定 我们经常需要能够从 html input（或 textarea, or select）中读取值是很常见的（注意：它不需要在表单中！）。一种可能的方法是手动完成，如下： class Form extends owl.Component { state = useState({ text: "" }); _updateInputValue(event) { this.state.text = event.target.value; } } ```xml

``` 这行得通。但是，这需要一些管道代码。此外，如果您需要与复选框、单选按钮或选择标签进行交互，则管道代码略有不同。 为了帮助解决这种情况，Owl 有一个内置指令t-model：它的值应该是组件中的观察值（通常是state.someValue）。使用该t-model指令，我们可以编写更短的代码，相当于前