今日怠惰了,算法和设计模式没进度.

充电宝——实现多选和单选区分

  • 使用变量 single 布尔表示可以单选

  • 使用变量 multiple 布尔表示可以多选

  • 使用遍历 selection 记录选择(长度为0可以多选、长度为1可以单选)

const single = ref(true);
const multiple = ref(true);
...
/* 多选框选中数据 */
function handleSelectionChange(selection) {
  ids.value = selection.map(item => item.id)
  single.value = selection.length !== 1
  multiple.value = !selection.length
}


<!---显示效果--->
<el-table v-loading="loading" :data="stationList" @selection-change="handleSelectionChange">\
...
        <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate">修改</el-button>
</el-table>

充电宝——报错解决

详情查看: