Vue enter the page. After the user has recorded all the data, click OK (upload the data to the server), and the front end determines whether there is a null value. If any data is not submitted, it is highly automatically scrolled to the place where there is no input (not realized), and the color is highlighted (color highlighting has been realized). How can it be achieved?
the structure of the data is
let newList = [];
let aMap = {};
articleList.forEach(a => {
if (!(("" + a.deviceId) in aMap)){
aMap["" + a.deviceId] = newList.length
newList.push({
deviceId: a.deviceId,
deviceName:a.deviceName,
areaId:a.areaId,
xianshide:xianshide,
yanse:"red",
list: [{
deviceId:a.deviceId,
areaId:a.areaId,
areaName:a.areaName,
itemId:a.itemId,
itemName:a.itemName,
itemType:a.itemType,
measureUnit:a.measureUnit,
taskId:a.taskId,
taskName:a.taskName,
taskStatus:a.taskStatus,
unitId:a.unitId,
unitName:a.unitName,
value:null,
zheng:true,
yichang:false,
SeleteShow:false,//
shifoyichang:"",//
NotLost:false,//
HieghtDom:document.documentElement.scrollTop || document.body.scrollTop,//dom
}]
})
} else {
newList[aMap["" + a.deviceId]].list.push({
yanse:"red",
xianshide:xianshide,
deviceId:a.deviceId,
areaId:a.areaId,
areaName:a.areaName,
deviceName:a.deviceName,
itemId:a.itemId,
itemName:a.itemName,
itemType:a.itemType,
measureUnit:a.measureUnit,
taskId:a.taskId,
taskName:a.taskName,
taskStatus:a.taskStatus,
unitId:a.unitId,
unitName:a.unitName,
value:null,
zheng:true,
yichang:false,
SeleteShow:false,//
shifoyichang:"",//
NotLost:false,//
HieghtDom:document.documentElement.scrollTop || document.body.scrollTop,//dom
})
}
}) I want to get the height of each dom and page through the HieghtDom attribute and scroll directly, but each is 0 and there is no height
when you click OK
if(newList[i].list[j].value == null && shifoyichang == null){
newList[i].list[j].NotLost=true;
}I changed the color of the box to a highlight, but what if I scroll to a height where there is no input value? Or is it realized by other methods?