<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> </el-checkbox-group> 能否使field_display_ui中新增加的值放在列表的最前面

可以通过在子组件的 `handleFieldDisplayChange` 方法中添加一行代码来实现把新增加的值放在列表最前面。具体来说，可以使用 JavaScript 中的 `unshift()` 方法将新值添加到数组的开头。修改后的 `handleFieldDisplayChange` 方法如下：

handleFieldDisplayChange() {
    this.field_display_ui.unshift('new value'); // 将 'new value' 添加到数组开头
    this.$emit('update:field_display_ui', this.field_display_ui);
}

这样一来，每次选中一个新的选项时，这个选项就会被添加到列表的最前面。你也可以把 `'new value'` 替换成一个变量，以实现动态添加新值的功能。例如：

handleFieldDisplayChange(newItem) {
    this.field_display_ui.unshift(newItem); // 将新值添加到数组开头
    this.$emit('update:field_display_ui', this.field_display_ui);
}

然后在调用子组件时，传递一个 `newItem` 参数即可：

<child-component :field_display_ui.sync="field_display_ui" :fields_dict="fields_dict" @change="handleFieldDisplayChange('new value')"></child-component>

或者通过 `v-model` 双向绑定 `newItem` 变量：

<child-component :field_display_ui.sync="field_display_ui" :fields_dict="fields_dict" v-model="newItem"></child-component>

这样一来，每次选中一个新的选项时，`newItem` 变量的值就会被添加到列表的最前面。