Vue v-model not reactive with BS4 radio button group Vue v-model not reactive with BS4 radio button group vue.js vue.js

Vue v-model not reactive with BS4 radio button group


Thanks so much to @ebbishop for his helpful insights.

The issue was related to vue and bootstrap both trying to apply javascript to the buttons in the button group.

To get around this issue, it was as simple as removing data-toggle="buttons" from the button group. By removing the data-toggle attribute, the bootstrap js is not applied and vue can manage the button group.


Nothing is actually wrong your use of v-model here.

However: you must add the class "active" to the <label> that wraps each radio-button <input>.

See this fiddle for a working example.

Is that what you're after?