获取当前的el-form 里面有几个 el-form-item 这里使用到el-form的一个属性 fields
具体写法如下:
<el-form ref="myForm">
<el-form-item >...</el-form-item>
<el-form-item >...</el-form-item>
</el-form>
el-form-item 一定要加上prop否则拿到的数量不正确
在需要拿到 el-form-item 的个数的时候 调用这个方法 就会返回相应的个数:
methods: {
getFormItemCount() {
const formItems = this.$refs.myForm.fields;
return formItems.length;
}
}
调用注意点:因为$refs
是一个响应式属性,有的时候可能不能正确的获取到结果所以需要使用 nextTick
之后才能获取到正确的结果
mounted() {
this.$nextTick(() => {
const formItemCount = this.getFormItemCount();
console.log('Count:', formItemCount);
});
}