<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新增选择的值
时间: 2023-07-06 20:38:26 浏览: 77
element-ui CheckBox全选.txt
你可以在 `handleFieldDisplayChange` 方法中使用 `filter()` 方法获取用户新选择的值,这些值是 `field_display_ui` 数组中存在,但不在 `fields_dict` 对象中的值。
在你的代码中,可以使用以下方法来获取 `field_display_ui` 数组中新增选择的值:
```
handleFieldDisplayChange() {
// 获取用户新选择的值
const newSelection = this.field_display_ui.filter(item => !this.fields_dict[item]);
// 获取 field_display_ui 数组中新增选择的值
const newValues = newSelection.filter(item => !this.field_display_ui.includes(item));
// 在这里使用 newValues,对新增选择的值进行操作
},
```
在这个代码块中,我们使用 `filter()` 方法获取用户新选择的值,这些值是 `field_display_ui` 数组中存在,但不在 `fields_dict` 对象中的值。然后,我们使用 `filter()` 方法获取 `newSelection` 数组中不在 `field_display_ui` 数组中的值,这些值是 `field_display_ui` 数组中新增选择的值。最后,你可以在 `handleFieldDisplayChange()` 方法中使用 `newValues` 变量来操作这些新增选择的值。
请注意,如果用户没有选择任何新值,则 `newSelection` 变量将是空数组,因此 `newValues` 变量也将是空数组。
阅读全文