menuIndex.value = i isShowRent.value = false menu.value.forEach((v, index) => { v.isActive = i === index ? true : false }); if (i === 0) { tagsList.value = housing_type.value } else if (i === 1) { tagsList.value = orientation.value } else if (i === 2) { tagsList.value = rentList.value isShowRent.value = true } else if (i === 3) { tagsList.value = house_label.value } isShow.value = true 优化

可以将这段代码优化为：

menuIndex.value = i;
isShowRent.value = (i === 2);
menu.value.forEach((v, index) => {
  v.isActive = (i === index);
});
tagsList.value = [housing_type.value, orientation.value, rentList.value, house_label.value][i];
isShow.value = true;

这样可以将代码变得更加简洁和易读，同时也可以避免重复的 if-else 语句。

相关问题

async function confirm() { isShow.value = false; // params.value.pageSize = 7 let i = menu.value.find((v) => v.isActive === true).id - 1; if (i === 0) { params.value.houseType = tagsList.value.find( (v) => v.isActive === true )?.value; } else if (i === 1) { params.value.orientation = tagsList.value.find( (v) => v.isActive === true )?.value; } else if (i === 2) { params.value.rentStr = tagsList.value.find( (v) => v.isActive === true )?.value; } else if (i === 3) { let arr = []; tagsList.value?.forEach((v) => { if (v.isActive === true) { arr.push(v.value * 1); } }); if (arr.length > 0) { params.value.houseLabels = arr.join(","); } } search(); }优化

可以将这段代码优化为：

isShow.value = false;
// params.value.pageSize = 7
const i = menu.value.findIndex(v => v.isActive) - 1;
if (i === 0) {
  params.value.houseType = tagsList.value.find(v => v.isActive)?.value;
} else if (i === 1) {
  params.value.orientation = tagsList.value.find(v => v.isActive)?.value;
} else if (i === 2) {
  params.value.rentStr = tagsList.value.find(v => v.isActive)?.value;
} else if (i === 3) {
  const arr = tagsList.value?.filter(v => v.isActive)?.map(v => v.value * 1);
  if (arr?.length) {
    params.value.houseLabels = arr.join(",");
  }
}
search();

这样可以将代码变得更加简洁和易读，同时也可以避免使用可选链操作符时的一些潜在问题。

isShow.value = false; reset(); menu.value.forEach((v) => { v.isActive = false; }); tagsList.value.forEach((item) => { item.isActive = false; }); search(); 优化

可以将这段代码优化为：

isShow.value = false;
reset();
menu.value.forEach(v => v.isActive = false);
tagsList.value.forEach(item => item.isActive = false);
search();

这样可以将代码变得更加简洁和易读，同时也可以移除不必要的花括号和空格。