0.2.1 • Published 2 years ago
@zhangyun7031/super-filter v0.2.1
商品种类筛选
npm i @zhangyun7031/super-filter
vue3+ts+vite开发,适用于商品种类筛选。
使用
<script lang="ts" setup>
import SuperFilter from '@zhangyun7031/super-filter';
import '@zhangyun7031/super-filter/lib/index.css';
const state = reactive({
filterData: [
// 一级菜单
{
name: '一级菜单',
key: 'level1',
icon: '',
// 子菜单
children: [
{
name: '子菜单',
key: 'level1-child-1',
},
],
},
]
})
</script>
<template>
<h1>测试商品过滤器</h1>
<SuperFilter
:data="state.filterData"
:selected="state.selectValue"
@onFilter="handleFilter">
</SuperFilter>
</template>
github
https://github.com/ZSF-513/super-filter/tree/master
属性
属性 | 类型 | 描述 |
---|---|---|
data | Array | 过滤数据列表 |
defaultExpand | Number | 默认展示的行数 |
selectAll | Boolean | 默认选中全部:true ; 默认不选中任何值:false |