Form Radio - Bootstrap-Vue
https://bootstrap-vue.github.io/docs/components/form-radio
HTML
<script src="https://unpkg.com/bootstrap-vue/dist/bootstrap-vue.js"></script>
<link rel="stylesheet" href="//unpkg.com/bootstrap@next/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.css">
<script src="//unpkg.com/vue@latest/dist/vue.min.js"></script>
<script src="//unpkg.com/tether@latest/dist/js/tether.min.js"></script>
<script src="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.js"></script>
<div id="app">
<b-form-radio v-model="value2" :options="options" stacked="success">
</b-form-radio>
<b-form-radio v-model="value2" :options="options" stacked="success">
</b-form-radio>
<br>
<span>Selected: </span>
<span>{{value2}}</span>
</div>
CSS
#app {
padding: 20px;
height: 300px;
}
JavaScript
new Vue({
el: '#app',
data: {
value1: 'third',
value2: 'third',
options: [{
text: 'Toggle this custom radio',
value: 'first'
}, {
text: 'Or toggle this other custom radio',
value: 'second'
}, {
text: 'This one is Disabled',
value: 'third',
disabled: true
}]
},
})