Hi there,how to disable input on focus out(@blur) and enable input on focus(@focus) .Please help



  • I tried below code
    <q-input
    v-model=“number”
    @blur=“onfocusout”
    @input=“oninputchange”
    :disable=“disnumber”
    @focus=“onfocus”
    />
    method(){
    onfucusout:function(){ this.disnumber=true},
    onfucus:function(){ this.disnumber=false}
    }



  • What in the world are you trying to do?

    Scott



  • if there is focus on input make available the user for editing if focus out restrict the user modification.I have four input component in a form only one submit button user should not allow to editing on all the four field only one modification should be allowed on q input on the press of submit button.



  • @s-molinari
    Hi ,
    if there is focus on input make available the user for editing if focus out restrict the user modification.I have four input component in a form only one submit button user should not allow to editing on all the four field only one modification should be allowed on q input on the press of submit button.



  • Can you make a codepen with the code you have and try to explain the steps the user would be taking what what they should expect? Your use case is still not clear to me.

    Scott


Log in to reply