q-select not displaying drop down



  • Template code:
    <template>
    <q-select
    filled
    label=“Select Tags”
    v-model=“selectedTags”
    multiple
    :options=“tagsList”
    emit-value
    map-options
    @change=“filterTips”
    style=“width: 250px”
    />
    </template>

    & my computed property

     tagsList() {
     //this.tags is getting data from getter.js
      let result = [];      
      this.tags.forEach(tag=>{
        result.push({ label: tag.name, value: tag.tags_id });
      });
      //  result = list.map(tag => ({ label: tag.name, value: tag.tags_id }));
      console.log(result);
      return result;
    },
    

    & console.log(result) is giving me this

    (3) [{…}, {…}, {…}]
    0: {label: "First ", value: “1”}
    1: {label: “Second”, value: “2”}
    2: {label: “Third”, value: “3”}
    length: 3
    proto: Array(0)

    can anyone help me with this
    Thanks