在vue中使用checkbox


在vue项目中如何使用多选框?结合前段时间工作中的需求写了这个笔记。

在template里面写入标签并指定类型type为checkbox,:value用来绑定当前项的value,v-model绑定一个数组,一旦当前项被选中,该项的value会被添加至被绑定的数组中。

export default {
  name: 'App',
  components: {
  },
  data(){
    return{
      place:[]
    }
  }
}

place为绑定的数组,具体效果如下图所示