fix: fix tree cant be chechked
This commit is contained in:
parent
4aa945c68b
commit
6a92e6e0ec
2400
pnpm-lock.yaml
generated
Normal file
2400
pnpm-lock.yaml
generated
Normal file
File diff suppressed because it is too large
Load Diff
@ -4,7 +4,7 @@ export default {
|
|||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script setup name="LayCheckbox" lang="ts">
|
<script setup lang="ts">
|
||||||
import { computed, defineProps, inject } from "vue";
|
import { computed, defineProps, inject } from "vue";
|
||||||
import "./index.less";
|
import "./index.less";
|
||||||
|
|
||||||
|
@ -113,11 +113,12 @@ function handleTitleClick(node: TreeData) {
|
|||||||
</span>
|
</span>
|
||||||
<LayCheckbox
|
<LayCheckbox
|
||||||
v-if="showCheckbox"
|
v-if="showCheckbox"
|
||||||
v-model:checked="node.isChecked.value"
|
:modelValue="node.isChecked.value"
|
||||||
:disabled="node.isDisabled.value"
|
:disabled="node.isDisabled.value"
|
||||||
skin="primary"
|
skin="primary"
|
||||||
|
label=""
|
||||||
@change="
|
@change="
|
||||||
({ checked }) => {
|
(checked) => {
|
||||||
handleChange(checked, node)
|
handleChange(checked, node)
|
||||||
}
|
}
|
||||||
"
|
"
|
||||||
|
@ -135,6 +135,7 @@ class Tree {
|
|||||||
setChildrenChecked(checked: boolean, nodes: TreeData[]) {
|
setChildrenChecked(checked: boolean, nodes: TreeData[]) {
|
||||||
const len = nodes.length
|
const len = nodes.length
|
||||||
for (let i = 0; i < len; i++) {
|
for (let i = 0; i < len; i++) {
|
||||||
|
console.log(nodes[i], checked);
|
||||||
nodes[i].isChecked.value = checked
|
nodes[i].isChecked.value = checked
|
||||||
nodes[i].children &&
|
nodes[i].children &&
|
||||||
nodes[i].children.length > 0 &&
|
nodes[i].children.length > 0 &&
|
||||||
@ -167,6 +168,7 @@ class Tree {
|
|||||||
if (node.children) {
|
if (node.children) {
|
||||||
this.setChildrenChecked(checked, node.children)
|
this.setChildrenChecked(checked, node.children)
|
||||||
}
|
}
|
||||||
|
console.log(this.getData());
|
||||||
}
|
}
|
||||||
|
|
||||||
getData() {
|
getData() {
|
||||||
|
@ -29,6 +29,7 @@ export const useTree: UseTree = (props: TreeProps, emit: TreeEmits) => {
|
|||||||
|
|
||||||
const nodeList = computed(() => {
|
const nodeList = computed(() => {
|
||||||
const nodes = tree.getData()
|
const nodes = tree.getData()
|
||||||
|
console.log(nodes);
|
||||||
return nodes
|
return nodes
|
||||||
})
|
})
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user