【VueJS】v-model单选、复选框的应用(学习中...)

下面是我写的Demo以及我的理解

<div id="app">
    <h3>单选按钮绑定数据h3>
    <input type="radio" value="男" v-model="sex"><input type="radio" value="女" v-model="sex"><p>{{sex}}p>
    <hr>
    <h3>多选绑定一个数值h3>
    <input type="checkbox" v-model="isTrue">
    <label for="">{{isTrue}}label>
    <hr>
    <h3>多选绑定一个数组h3>
    <input type="checkbox" value="滴滴" v-model="net_car">
    <label for="">滴滴label>
    <input type="checkbox" value="易到" v-model="net_car">
    <label for="">易到label>
    <input type="checkbox" value="神州" v-model="net_car">
    <label for="">神州label>
    <p>{{net_car}}p>
div>

<script>
var app = new Vue({
    el: "#app",
    data: {
        isTrue: false,
        sex: "",
        net_car: []
    }
})
script>

在创建类似复杂多选或单选框的常见组件还没涉及到,先放在这里…
【VueJS】v-model单选、复选框的应用(学习中...)_第1张图片

你可能感兴趣的:(Vue)