在使用element-ui的表单验证文本框的时候,怎么获取el-form-item里面的数据
时间: 2024-05-02 21:16:12 浏览: 79
获取提交的表单元素的值
你可以通过 `$refs` 属性来获取 `el-form-item` 组件的数据。首先,在 `el-form-item` 中设置 `ref` 属性,如下所示:
```html
<el-form-item label="姓名" prop="name" ref="nameFormItem">
<el-input v-model="form.name"></el-input>
</el-form-item>
```
然后在组件中,通过 `$refs` 属性来访问 `el-form-item` 组件的数据:
```javascript
export default {
data() {
return {
form: {
name: ''
}
}
},
methods: {
submitForm() {
const name = this.$refs.nameFormItem.formItem.name // 获取name字段的值
console.log(name)
}
}
}
```
在上面的示例中,我们通过 `$refs` 属性获取了 `el-form-item` 组件,并获取了其中 `name` 字段的值。注意,要访问 `el-form-item` 组件的数据,需要使用 `formItem` 属性。
阅读全文