怎么获取el-form-items是第几行
时间: 2024-01-09 17:03:32 浏览: 37
要获取一个 el-form-item 在表单中的行数,可以使用以下方法:
1. 通过 ref 获取 el-form 组件实例;
2. 使用 $el 属性获取 el-form 的 DOM 元素;
3. 使用 querySelectorAll 方法获取所有 el-form-item 的 DOM 元素;
4. 遍历 el-form-item DOM 元素,判断当前元素是否与目标 el-form-item 相同,若是,则返回其在 DOM 中的索引值。
以下是一个示例代码:
```js
// 获取 el-form-item 在表单中的行数
function getFormItemRowNumber(formItem) {
const form = this.$refs.form;
const formEl = form.$el;
const formItems = formEl.querySelectorAll('.el-form-item');
for (let i = 0; i < formItems.length; i++) {
const item = formItems[i];
if (item === formItem.$el) {
return i + 1; // 索引从 0 开始,加 1 转换为行数
}
}
return -1; // 表示未找到
}
```
其中,`formItem` 是 el-form-item 组件实例,可以通过 `ref` 获取。需要注意的是,在表单中可能存在多个相同的 el-form-item,因此需要根据具体情况进行判断。