vue 如何获取选择的所有选项列表 <el-row v-for="row in slotNames[`${direction}`]" :key="row.key"> <el-rol v-for="col in row.cols" :key="col.name"> <el-checkbox class="checkAllbox">{{ col.name }}</el-checkbox> </el-rol> </el-row>

可以使用v-model结合数组来获取选择的所有选项列表。首先，在数据中定义一个空数组，用来存储选中的选项。然后，在el-checkbox上绑定v-model，将选中的选项添加到数组中，取消选中的选项则从数组中删除。代码如下：

<template>
  <div>
    <el-row v-for="row in slotNames[`${direction}`]" :key="row.key">
      <el-col v-for="col in row.cols" :key="col.name">
        <el-checkbox class="checkAllbox" v-model="checkedList" :label="col.name">{{ col.name }}</el-checkbox>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      checkedList: []
    }
  }
}
</script>

这样，在checkedList数组中存储了所有选中的选项。