获取 el-form-item label值的方法
时间: 2023-09-29 15:09:32 浏览: 439
Vue中el-form标签中的自定义el-select下拉框标签功能
可以通过以下两种方式获取el-form-item的label值:
1. 使用ref属性获取el-form-item组件的实例,然后通过实例的$props属性获取label值,例如:
```
<el-form-item label="用户名" ref="usernameFormItem">
<el-input v-model="username"></el-input>
</el-form-item>
const label = this.$refs.usernameFormItem.$props.label;
```
2. 在el-form-item组件上绑定prop属性,并且使用表达式语法绑定label值,例如:
```
<el-form-item :label="'用户名'">
<el-input v-model="username"></el-input>
</el-form-item>
const label = this.$options._componentTag.options.props.label.default;
```
需要注意的是,第二种方式获取label值是在组件的定义中获取的,如果组件的label值是动态绑定的,这种方式可能无法获取到正确的值。建议使用第一种方式获取label值。
阅读全文