How to add disabled property to a bootstrap button dynamically without using jquery

Question

I have this button in bootstrap-vuejs

<b-button id="myBtn" variant="primary" @click="getLevel(searchData)" >Add</b-button>

I want to add disabled property dynamically based on a condition, how do i do it without jquery. I am not using jquery in my project.

<b-button id="myBtn" variant="primary" @click="getLevel(searchData)" diabled>Add</b-button>

score 1 · Accepted Answer · answered Mar 20 '20 at 09:08

1

I figured it out, we can do it with the help of :disabled

<b-button
          id="myBtn"
          variant="primary"
          @click="getLevel(searchData)"
          :disabled="enableButton"
        >Add</b-button>

answered Mar 20 '20 at 09:08

skr

1,700
1
15
39

@TroyMorehouse, I can not accept my own answer within 2 days. – skr Mar 20 '20 at 11:19

How to add disabled property to a bootstrap button dynamically without using jquery

1 Answers1