mip-filter筛选组件介绍 mip-filter筛选组件怎么用
| 标题 | 内容 |
| 类型 | 通用 |
| 支持布局 | responsive,fixed-height,fill,container,fixed 文档 |
| 所需脚本 | https://mipcache.bdstatic.com/static/v1/mip-filter/mip-filter.js |
示例
筛选功能，支持从hash定位筛选项。
<mip-filter mip-filter-filterWrap=".filter" mip-filter-itemWrap=". filter-item-wrap" mip-filter-enableHash="true">
<sidebar class="filter">
<div class="filter-result"></div>
<ul class="filter-list">
<li class="filter-title">
<div class="filter-link" data-filtertype="all">(all)查看全部
<spanclass="filter-num">3</span></div>
</li>
<li class="filter-title">
<div class="filter-link"data-filtertype="widget">(widget)组件<span class="filter-num">2</span></div>
</li>
<li class="filter-title">
<div class="filter-link"data-filtertype="layout">(layout)组件布局<span class="filter-num">1</span></div>
</li>
</ul>
</sidebar>
<div class="filter-item-wrap">
<div class="filter-item"data-filtertype="widget">
<span>(widget) 组件新增</span>
</div>
<div class="filter-item"data-filtertype="layout">
<span>(layout)广告组件 layout 升级</span>
</div>
<div class="filter-item"data-filtertype="widget">
<span>(widget)测试版发布</span>
</div>
</div>
</mip-filter>
属性
mip-filter-filterWrap
说明：筛选按钮 DOM
必选项：是
类型：字符串
取值：document.querySelector()可填内容，如“.box”
mip-filter-itemWrap
说明：筛选项 DOM
必选项：是
类型：字符串
取值：document.querySelector()可填内容，如“.box”
mip-filter-enableHash
说明：是否支持hash控制
必选项: 否, 类型：字符串
取值：true, false
默认值：true
