Skip to content

如何让CheckBoxGroup的v-model:value绑定的数组按用户勾选的顺序去排序成员? #8262

Closed as not planned
@HyalineSoft

Description

@HyalineSoft

Version
"ant-design-vue": "4.2.1",
"vue": "3.3.11",
"vite": "5.0.11"

文档版本
4.2.6

Environment
Edge浏览器,版本 138.0.3351.65 (正式版本) (64 位)

代码

<template>
  <a-checkbox-group v-model:value="data" :options="options" @change="changeItem" />
</template>
<script setup>
const data = [];
const options = ['媒体渠道', '代理商', '负责人', '账户id', '账户名', '计划id', '计划名'];
function changeItem(values) {
  console.log('当前勾选:', values);
}
</script>

What is actually happening?
在v2版本中这是自带的效果,CheckBoxGroup绑定的数组是按用户点击的先后顺序进行排序的。
在v4版本中,我观察到v-model:value="datas"的顺序是强制以options属性为主。这意味着我勾选的顺序始终和options属性保持一致,无法按用户勾选的顺序去决定datas的顺序。请问有办法解决吗

截图

Image Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions