Vue-classify-choice NPM

VueClassifyChoice

一个分类选择的 vue 组件

展示图

安装

npm install vue-classify-choice -S
或者
yarn add vue-classify-choice

使用

在main.js中引入插件并注册

#main.js
import VueClassifyChoice from "vue-classify-choice";
import "vue-classify-choice/dist/vue-classify-choice.css";
Vue.use(VueClassifyChoice)
在main.js中引入插件并注册

在项目中使用 VueClassifyChoice

<template>
  <Vue-classify-choice />
</template>

参数

参数	类型	必填	默认	说明
list	Array	false	[ { title: "test1", list: { name: "tab1", }, , }, ]	选项列表，应当传入一个二维数组
type	Boolean	false	''	每一项的标识用来告诉组件以那个字段作为值来返回选择的结果不传默认为 index
dataListDefault	Array	false	[]	默认选中值的数组需结合 type
showCancle	Boolean	false	false	是否显示取消按钮
activeColor	String	false	#148eeb	主颜色
activeBackgroundColor	String	false	#f4f9ff	选中项的背景颜色
buttonBorder	Boolean	false	true	底部按钮是否有边框