# TypeManger:分类管理器

适用范围:简单分类管理(仅包含分类ID和分类文本两个字段),不适用于需要设置图标等多属性的分类管理

# 属性

属性名称 数据类型 说明
name String 分类名称,默认:类别。该项将影响弹出窗口的标题
labelKey String List接口中,label的键名,默认为label
valueKey String List接口中,value的键名,value
opt Object 接口配置 -

OPT

setApi:添加/修改的接口,get,提交参数与labelKey和valueKey相匹配
listApi:List接口,get,不分页
delApi:删除接口,get,提交参数为:id、value,后台可取任意一项

# 方法

方法 说明
init 弹出分类管理窗口。this.$refs.typeManger.init();

# 事件

名称 参数 参数说明 备注
on-update(dataList) dataList:所有分类 (item项固定为label、value,不是labelKey和valueKey) 修改、删除后均会触发该事件

# Demo

  <type-manger
    ref="typeManger"
    :opt="typeMangerOpt"
    v-on:on-update="updateTypeList"
    name="商品分类"
  ></type-manger>

<script>
import {TypeManger} from 'sjfx/pc';

typeMangerOpt: {
	setApi: Config.apiUrl('/ProductType/Save'),
	listApi: Config.apiUrl('/ProductType/List'),
	delApi: Config.apiUrl('/ProductType/Delete'),
}
</script>
Last Updated: 1/14/2020, 12:00:52 PM