Search code examples
vue.jsvuejs2disabled-input

Vuejs Disabled button when we didnt fill form


enter image description here

I want disable Remove button but When we fill Project Number Form area and click on Find I want to be activate Remove button I try something but it doesnt work. Can anybody help me?

!! I SOLVE IT !!

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>


<b-form-group class="mb-0 mt-3" label-cols-lg="4">
            <button
             
              v-model ="form.ProjectNumber = '' "
                  :disabled="true" 
              class="w-100 btn btn-danger"
              size="sm"
              @click="RemoveProjectQuestion"
            > 
              Remove Project
            </button>

          </b-form-group>


Solution

  • <b-form-group class="mb-0 mt-3" label-cols-lg="4">
                <button
                 
                  :disabled="form.ProjectNumber ==null || form.ProjectNumber == ''"
                  class="w-100 btn btn-danger"
                  size="sm"
                  @click="RemoveProjectQuestion"
                > 
                  Remove Project
                </button>

    I Solve It