Disable q-select with :after property handler



  • Hello,

    I have a basic single-selecion q-select component. I wish to disable the field after a selection has been made and confirmed after clicking the button defined in the :after property.
    How exactly can I achieve this?

    <q-select
      float-label="Repo Owner"
      v-model="pr.owner"
      :options="repoOwners"
      :after="[{
        icon: 'arrow_forward',
        handler () {
          formProgress.ownerSelected = true
          //disable field ????
        }
      }]"
      />
    

    Thank you!



  • A little bit of sleep does wonders for the mind.

    <q-select
      float-label="Repo Owner"
      v-model="pr.owner"
      :options="repoOwners"
      :disable="formProgress.ownerSelected"
      :after="[{
        icon: 'arrow_forward',
        handler () {
          formProgress.ownerSelected = true
        }
      }]"
      />