使用方式

<link rel="stylesheet" href="/components/style/tree.css" type="text/css" />
<script defer src="/components/js/tree.js" type="text/javascript"></script>

<div
  class="st_tree"
  show-checkbox
  treeData="treeData"
  st-model="treeModel"
  change="treeModelChange"
></div>

可多选

<div
  class="st_tree"
  show-checkbox
  treeData="treeData"
  st-model="treeModel"
  change="treeModelChange"
></div>

treeData = [{
  label: '一级 1',
  url: '',
  expanded: true, //是否展开
  checked: false, //是否选中
  childrens: [{
    label: '二级 1-1',
    url: '',
    expanded: true,
    checked: false,
    childrens: [{
      label: '三级 1-1-1',
      url: '',
      expanded: true,
      checked: false,
    }, {
      label: '三级 1-1-2',
      url: '',
      expanded: true,
      checked: false,
    }, {
      label: '三级 1-1-3',
      url: '',
      expanded: true,
      checked: false,
    }],
  }, {
    label: '二级 1-2',
    url: '',
    expanded: true,
    checked: false,
  }, {
    label: '二级 1-3',
    url: '',
    expanded: true,
    checked: false,
  }]
}]

属性

属性	说明	类型	可选值	默认值
st-model	数据绑定	string	-	-
treeData	树型数据	array	-	-
show-checkbox	可多选	-	-	-
change	选项变化回调方法	function	-	-