kube-tree

树形勾选组件，组件与 v-mode 下对象绑定。

Demo

示例树

a

b

c

d

e

f

g

实时数据观测：

root :

a :

b :

c : true

d : false

e :

f : true

g : false

v-model

value: Object

Props

props	description	default
title	顶层名称	undefined
disabled	禁用	false

<template>
<div>
    <kube-tree
        v-model="rules"
        title="示例树"
    />
    <demo-visualize-data v-model="rules" />
</div>
</template>

<script>
export default {
    data() {
        return {
            rules: {
                a: {
                    b: {
                        c: true,
                        d: false,
                    },
                    e: {
                        f: true
                    },
                    g: false
                },
            }
        }
    }
}
</script>

<style>

</style>