1.0.5 • Published 1 year ago
filter-item v1.0.5
filter-item
- 筛选组件
- Vue2
Intall
npm install filter-item
Usage
全局引入
main.js
import Vue from 'vue'
import App from './App.vue'
import filterItem from 'filter-item'
import 'filter-item/filter-item.css'
Vue.config.productionTip = false
Vue.use(filterItem)
new Vue({
render: h => h(App),
}).$mount('#app')
vue 页面使用
<filter-item :defaultTags="[1]" :radio="false"></filter-item>
传参说明
传参名称 | 参数类型 | 默认值 | 说明 |
---|---|---|---|
className | String | 大类名称 | 大类名称 |
defaultTags | Array | [] | 默认选中的表标签 key 值存储数组 |
tagList | Array | {name:'标签 1',key:1},{name:'标签 2',key:2} | 标签项 |
radio | Boolean | false | 是否单选 |
iconStyle | Object | { size:16, name:'#icon-dagou1', angle:'0deg', position:'bottomLeft', markColor:'#67C23A'} | 打勾标识样式 size:Numbername:String(Symbol导出的iconfont图标名称)angel:Stringposition:String枚举:'topLeft','topRight','bottomLeft','bottomRight'markColor:String |
checkStyle | Object | {border:'#cd9f54',backgroundColor:'#fff2de',color:'#cd9f54'} | 打标签样式 |