element checkbox校验

对于element-ui的checkbox组件，可以通过以下方式进行校验：

1. 使用el-form组件包裹checkbox组件，并设置ref属性；

2. 在校验方法中使用$refs获取到checkbox组件实例，并调用validate方法进行校验；

3. 在checkbox组件上添加prop属性，并设置required为true，表示该项必选。

示例代码如下：

<template>
  <el-form ref="form" :model="formData" :rules="rules">
    <el-checkbox v-model="formData.check" label="同意协议"></el-checkbox>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        check: false
      },
      rules: {
        check: [
          { required: true, message: '请同意协议', trigger: 'change' }
        ]
      }
    }
  },
  methods: {
    submit() {
      this.$refs.form.validate(valid => {
        if (valid) {
          // 校验通过，执行提交操作
        } else {
          // 校验不通过，提示错误信息
        }
      })
    }
  }
}
</script>