How to get q-search to search when clicking on magnifying lens?



  • I have tried a ton of variables, but none of them work. I just want the standard search to work not only when I hit enter, but also when I click on the left hand magnifying lens icon. Here is my current code:

    <q-search v-model="search" inverted stack-label="Search for people" @keyup.enter="doSearch()" />
    


  • For those that need an answer to this, I solved it by not using q-search, but instead configuring a q-input text field like so:

    <q-input
      v-model="search"
      type="text"
      inverted stack-label="Search for people"
      @keyup.enter="doSearch()"
      clearable
      :before="[
        {
          icon: 'search',
          handler () {
            doSearch()
          }
        }
      ]"
    />
    

Log in to reply
 

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.