input中的值绑定

input中的值绑定

值绑定

可以不用将值写死，动态的绑定到选框中

  <label v-for="item in originhobbies" :for="item">
    <input type="checkbox" :value="item" :id="item" v-model="hobbies">{{item}}
  </label>
  <script src="../vue.min.js"></script>
<script>
  const app=new Vue({
    el:'#app',
    data:{
      message:'hello',
      isAgree:false,//单选框
      hobbies:[],//多选框
      originhobbies:['篮球','排球','乒乓球','足球','网球','羽毛球']
    }
  })
</script>