<el-checkbox-group v-model="field_display_ui" @change="handleFieldDisplayChange"> <el-checkbox v-for="(field,value) in fields_dict" :value="field" :label="value" style="display: block;padding: 6px"> </el-checkbox> <el-checkbox label="选项一头" value="b" style="display: block;padding: 6px"></el-checkbox> 如何使多选框中显示的值为field,选择后保存到field_display_ui中的值为value

你可以将多选框的 `:value` 绑定为 `field`，将 `:label` 绑定为 `value`，这样多选框选中的值就是 `field`，而 `value` 则是用于显示的标签文本。同时，你需要在 `handleFieldDisplayChange` 方法中获取选中的多选框的值，这些值就是 `field`，而不是 `value`。这样保存到 `field_display_ui` 中的就是选中的 `field` 值了。具体代码如下：

<el-checkbox-group v-model="field_display_ui" @change="handleFieldDisplayChange">
  <el-checkbox v-for="(field, value) in fields_dict" :key="field" :value="field" :label="value" style="display: block; padding: 6px"></el-checkbox>
  <el-checkbox label="选项一头" value="b" style="display: block; padding: 6px"></el-checkbox>
</el-checkbox-group>

data() {
  return {
    field_display_ui: [],
    fields_dict: {
      a: '选项一',
      b: '选项二',
      c: '选项三'
    }
  };
},
methods: {
  handleFieldDisplayChange(checkedFields) {
    console.log(checkedFields); // 这里的 checkedFields 就是选中的 field 值
  }
}