<MultiSelect id="Color-input"
        v-model="DesignData.ColorQty"
        options="DesignColors"
        optionLabel="colorName"
        label="Color" />

Data-

        data() {
          return {
            DesignColors: [],
            DesignData: {
              ColorQty: [ {
                colorName: "Red",
                sizes: { A: 0, B: 0, C: 0, D: 0, E: 0 },
                hexCode: "#FF0000",
            },
            {
                colorName: "Blue",
                sizes: { A: 0, B: 0, C: 0, D: 0, E: 0 },
                hexCode: "#0000FF",
            },
            {
                colorName: "Green",
                sizes: { A: 0, B: 0, C: 0, D: 0, E: 0 },
                hexCode: "#00FF00",
            },
            {
                colorName: "Black",
                sizes: { A: 0, B: 0, C: 0, D: 0, E: 0 },
                hexCode: "#000000",
            },],
            },
          }
        }

When I set –

this.DesignData.ColorQty = [ {
                "colorName": "Black"
                "sizes": { "A": 3, "B": 4, "C": 5, "D": 5, "E": 5 },
                "hexCode": "#000000",
            }]

used import and components for Multiselect component

the option in multiselect was showing null instead of showing black

if I set the values of all sizes as 0 then it is working. I don’t get what is causing the issue.