1.对象数组遍历,讲对象中的数据取出保存在数组中。
data:[{"07": 0},{"08": 0},{"14": 0}]
项目中,后端返回如上格式的数据,需要将该数据做处理,取出其中每个对象的value值 并保存在如下新的数组中。
XData=[0,0,0]
操作过程为:
const value = res.data;
let XData = [];
value.forEach((item) => {
for (let i in item) {
XData.push(item[i]);
}
});
2.el-form-item单独取消某一项校验规则方法
<el-form-item
v-if="![14].includes(item.equipmentType)"
label="端口号"
:prop="'equipmentList.' + index + '.port'"
:rules="[
{
required: item.equipmentType != 11,
message: '请输入端口号',
trigger: 'blur',
},
]"
>
<el-input
v-model.number="item.port"
maxlength="8"
class="formWidth"
@input="($event) => timeNumber($event, item)"
placeholder="请输入端口号"
></el-input>
</el-form-item>
可以在校验规则中校验required属性来指定某一项校验规则不显示。我这里是通过equipmentType的值为11时,取消校验规则。