el-checkbox复选框的回显

el-checkbox复选框的回显可以通过v-model绑定一个Boolean类型的值来实现。当复选框被选中时，该Boolean值为true；当复选框未被选中时，该Boolean值为false。

在组件的数据源中，可以设置一个布尔值类型的变量，如isChecked，用于控制复选框是否被选中。同时，在el-checkbox标签上，v-model绑定该变量。

<template>
  <el-checkbox v-model="isChecked">选项一</el-checkbox>
</template>

<script>
export default {
  data() {
    return {
      isChecked: true
    }
  }
}
</script>

当用户点击复选框时，isChecked的值会自动更新，反映复选框的当前状态。可以将isChecked的值保存到组件的数据源中，以便之后再次使用时，能够正确地回显复选框的状态。

<template>
  <div>
    <el-checkbox v-model="isChecked">选项一</el-checkbox>
    <el-button @click="saveData">保存</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isChecked: false,
      formData: {}
    }
  },
  methods: {
    saveData() {
      this.formData.isChecked = this.isChecked
      // 保存表单数据
    }
  }
}
</script>