如何制作选择框的下拉选项

Question

I'm building a train web booking project. Now I need to build a selectbox and the option value is varied based on the booking form.

//select-box
<custom-select-box
    label="Travel"
    v-model="form.InfantWithAdult"
    :items="travel"
></custom-select-box>

Answer 1

Try with forEach:

travelWith() {
  let travellerlist = [];
  let adults = this.passengers.filter(
    (x) =>
      x.PaxType === "ADT" &&
      x.SSR.Outbound.filter((y) => {
        return y.codeType === "INFT";
      }).length > 0
  );
  if (adults.length > 0) {
    let nr = 1;
    let travel = null;
    // 👇 loop all adults and add to travellerlist array
    adults.forEach(adult => {
      if (!adult.FirstName) {
        travel = `Adult ${nr++}`;
      } else if (adult.FirstName !== "" && adult.LastName !== "") {
        travel = `Adult ${nr++} ${adult.Title} ${adult.FirstName} ${adult.LastName}`;
      }
      travellerlist.push(travel);
    })
  }
  return travellerlist;
},