SOURCE

console 命令行工具 X clear

                    
>
console
new Vue({
  el: '#app',
  data: {
    check:[],
    picked:'',
    selected:''
  }
 
})
<div id="app">
  <input type="checkbox" id="A" value="A" v-model="check">
  <label for="A">A</label>
  <input type="checkbox" id="B" value="B" v-model="check">
  <label for="B">B</label>
  <input type="checkbox" id="C" value="C" v-model="check">
  <label for="C">C</label>
  <input type="checkbox" id="D" value="D" v-model="check">
  <label for="D">D</label>
  <p>复选框==》选择:{{check}}</p>
  
  <input type="radio" id="A" value="A" v-model="picked">
  <label for="A">A</label><br>
  <input type="radio" id="B" value="B" v-model="picked">
  <label for="B">B</label><br>
  <p>单选按钮==》选择:{{picked}} </p>
  
  <select v-model="selected">
    <option disabled value=''>请选择</option>
    <option>A</option>
    <option>B</option>
    <option>C</option>
    <option>D</option>
  </select>
  <p>下拉框==》选择:{{selected}}</p>
</div>