vue-classify-choice
0.1.7 • Public • Published
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 |
取消按钮点击事件 |
无 |
名称 |
说明 |
header |
头部插槽 |
footer |
底部注脚 |
MIT license
/vue-classify-choice/
//
Package Sidebar
Install
npm i vue-classify-choice
Weekly Downloads