基本用法

<ex-cascader-select
  v-model="value"
  @change="change"
  :nodeData="nodeData"
  :checkOnClickNode="false"
  :clickCheckPithNode="false"
  :props="{
    label: 'name',
    value: 'code',
    children: 'children',
  }"
>
</ex-cascader-select>

属性

属性名	类型	默认值	可选值	说明
nodeData	Array	[]		节点数据（树结构）
props	Object	label: 'label',value: 'id',children: 'children'		树结构数据的字段映射 key
columnStyle	String	'height: 90vh;flex: 1'		每一列的样式
checkOnClickNode	Boolean	false		点击节点时选中节点(复选框选中)
clickCheckPithNode	Boolean	false		点击复选框时当前节点是否选中
selectIconColor	String	#409eff		复选框选中的颜色
selectTextStyle	Object	{ 'color': '#409eff', 'font-weight': 'bold' }		每一项选中的文字样式

事件

事件名	说明
change	选项更改事件(可获取半选,全选 id,label)

let halfCheckIds = []; // 记录所有半选id
let halfCheckLabels = []; // 记录所有半选label
let halfChecks = []; // 记录所有半选的item
let checkIds = []; // 记录选中的id
let checkLabels = []; // 记录选中的label
let checks = []; // 所有选中的项
let lastChildIds = []; // 最后一级选中的id
let lastChildLabels = []; // 最后一级选中的label
let lastChilds = []; // 最后一级选中的项