single-cascader v1.0.1

这是一个支持搜索的单选级联

安装

npm install single-cascader -S
or
yarn add single-cascader

使用

在main.js中

import SingleCascader from ('single-cascader');
import 'single-cascader/index.css';
console.log(SingleCascader);
Vue.use(SingleCascader);

在.vue文件中

<single-cascader
  :data="data"
  :dataProps="dataProps"
  :show="show"
  :checked="checked"
  @save="save"
>

props说明：

data:

数据源，格式是Array

show:

是否显示，格式是Boolean

dataProps:

数据源中属性名称，格式是Object，默认是{ value, label, parentId } value是唯一标识；label用于展示；parentId是父级id 子级数据的key是children

checked:

默认选中项，格式是Array

save:

保存方法，参数1：父级value, 子级value, ...；参数2：父级label, 子级label, ...