element-ui 复选框多选 数组绑定值，突然变成布尔值了

可能是因为在绑定值的时候，使用了单个变量而不是数组。如果绑定的是单个变量，那么在选中多个选项时，绑定的值会变成布尔值，表示是否选中了该选项。

可以尝试修改绑定值的方式，使用数组来存储多个选中的值，例如：

<template>
  <div>
    <el-checkbox-group v-model="checkedList">
      <el-checkbox label="选项1"></el-checkbox>
      <el-checkbox label="选项2"></el-checkbox>
      <el-checkbox label="选项3"></el-checkbox>
    </el-checkbox-group>
  </div>
</template>

<script>
export default {
  data() {
    return {
      checkedList: [], // 使用数组存储选中的值
    };
  },
};
</script>

这样就可以正确地绑定多选的值了。

相关问题

element-ui如何拿到复选框点击切换的那个值

在Element-UI中，要获取复选框的点击切换的值，可以使用v-model来实现。

首先，在Vue实例中，定义一个data属性来存储复选框的值，例如：

data() {
  return {
    checkboxValue: false
  }
}

然后，在模板中使用el-checkbox组件，并将v-model绑定到checkboxValue，例如：

<el-checkbox v-model="checkboxValue">复选框</el-checkbox>

这样，当用户点击复选框时，checkboxValue的值会随之改变。你可以通过访问checkboxValue值来获取复选框的当前状态。

如果你需要监听复选框状态的改变，可以通过watch选项来实现，例如：

watch: {
  checkboxValue(newValue) {
    console.log("复选框的值改变为：" + newValue);
  }
}

这样，每当复选框的值改变时，就会执行watch中的函数，并通过newValue参数获取到最新的复选框值。

综上所述，你可以通过v-model获取复选框的点击切换的值，并且可以通过watch来监听复选框状态的改变。

关于element-ui el-tree 无复选框（CheckBox）时获取当前选中id，及手动选中高亮

Element UI 的 `el-tree` 组件默认是没有内置的复选框功能的，如果你想在不使用复选框的情况下获取当前选中的节点ID，可以采用自定义节点的数据结构和事件监听的方式来实现。

1. **数据结构**：在每个节点的选项（data）里添加一个字段，比如 `selectedIds`，用于存储当前节点被选中的状态。当节点被点击时，更新该字段。

{
  label: '节点名称',
  children: [
    {
      label: '子节点1',
      selectedIds: []
    },
    //...
  ],
  selectedIds: []
}

2. **事件处理**：在 `el-tree` 上绑定 `@node-click` 事件，这个事件会在用户点击节点时触发。在事件处理器中，你可以判断当前被点击的节点是否是根节点，并据此更新其子节点或自身的 `selectedIds`。

<el-tree ref="tree" node-key="id" @node-click="handleNodeClick"></el-tree>

methods: {
  handleNodeClick(node) {
    if (node.parent) {
      node.parent.selectedIds = this.flattenTree(node).map(n => n.id);
    } else {
      this.$refs.tree.setCheckedKeys([node.id]);
    }
  },
  
  flattenTree(node) { // 辅助函数，将树形结构扁平化成包含所有子节点的数组
    return [...node.children, ...node.children.flatMap(this.flattenTree)];
  }
}

3. **手动选中高亮**：当你需要手动设置某节点为选中时，可以通过 `setCheckedKeys` 或者遍历树结构并改变节点的 `selected` 属性来实现。选中的节点会被渲染为高亮样式。

注意，在实际应用中，你需要根据项目需求定制具体的业务逻辑，并确保 `selectedIds` 的管理和同步是正确的。