vue-classify-choice

0.1.7 • Public • Published

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 底部按钮是否有边框

事件

事件名 说明 回调参数
selectionSureClick 确定按钮点击事件 选中项值:[]
selectionCancleClick 取消按钮点击事件

slot

名称 说明
header 头部插槽
footer 底部注脚

License

MIT license

Dependents (0)

Package Sidebar

Install

npm i vue-classify-choice

Weekly Downloads

2

Version

0.1.7

License

MIT

Unpacked Size

252 kB

Total Files

11

Last publish

Collaborators

  • wzhdev