<div id="app">
<div class="form-check">
<input type="radio" class="form-check-input" id="radio2" value="雞" v-model="singleRadio">
<label class="form-check-label" for="radio2">雞</label>
</div>
<div class="form-check">
<input type="radio" class="form-check-input" id="radio3" value="豬" v-model="singleRadio">
<label class="form-check-label" for="radio3">豬</label>
</div>
<div class="form-check">
<input type="radio" class="form-check-input" id="radio4" value="牛" v-model="singleRadio">
<label class="form-check-label" for="radio4">牛</label>
</div>
<p>晚餐火鍋裡有<span :style="styleObj">{{singleRadio}}</span>。</p>
</div>
var app = new Vue({
el: '#app',
data: {
singleRadio:'',
styleObj: {
color: 'red'
}
},
})
External CSS
This Pen doesn't use any external CSS resources.