|
|
@@ -1,6 +1,6 @@
|
|
|
<script setup lang="ts">
|
|
|
interface ListItem {
|
|
|
- value: string
|
|
|
+ label: string
|
|
|
id: string
|
|
|
checked: boolean
|
|
|
}
|
|
|
@@ -62,15 +62,14 @@ watch(
|
|
|
)
|
|
|
|
|
|
const handleCheckboxChange = (item: ListItem) => {
|
|
|
- // 先翻转状态
|
|
|
- item.checked = !item.checked
|
|
|
-
|
|
|
- const index = selectData.value.indexOf(item.value)
|
|
|
- if (item.checked && index === -1) {
|
|
|
- selectData.value.push(item.value)
|
|
|
- } else if (!item.checked && index > -1) {
|
|
|
- selectData.value.splice(index, 1)
|
|
|
- }
|
|
|
+ // // 先翻转状态
|
|
|
+ // item.checked = !item.checked
|
|
|
+ // const index = selectData.value.indexOf(item.id)
|
|
|
+ // if (item.checked && index === -1) {
|
|
|
+ // selectData.value.push(item.id)
|
|
|
+ // } else if (!item.checked && index > -1) {
|
|
|
+ // selectData.value.splice(index, 1)
|
|
|
+ // }
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
@@ -94,7 +93,7 @@ const handleCheckboxChange = (item: ListItem) => {
|
|
|
@change="handleCheckboxChange(item)"
|
|
|
@click.stop
|
|
|
@mousedown.prevent
|
|
|
- style="width: 110px"
|
|
|
+ style="width: 220px"
|
|
|
>
|
|
|
{{ item.label }}
|
|
|
</el-checkbox>
|