lc-button-group

按钮组组件,一般由多个操作按钮排列组成

效果

使用方法

<template>
<div class="demo">
<scroller class="scroller">
<title title="lc-fold-list"></title>
<category title="默认按钮组"></category>
<lc-button-group :buttons="buttons"></lc-button-group>

</scroller>
</div>
</template>

<script>
import Title from '../_mods/title.vue';
import Category from '../_mods/category.vue';
import LcButtonGroup from '../../packages/lc-button-group';
import { setTitle } from '../_mods/set-nav';

export default {
components: { Title, Category, LcButtonGroup },
data(){
return {buttons:[
{
text:'Apple',
clicked(){
console.log('测试按钮1')
}
},
{
text:'Banana',
clicked(){
console.log('测试按钮2')
}
}
,
{
text:'Cat',
clicked(){
console.log('测试按钮3')
}
},
{
text:'Dog',
clicked(){
console.log('测试按钮4')
}
}
]}
},
methods:{
btnClicked(btn){
}
}
}
</script>

可配置参数

Prop Type Required Default Description
buttons Array Y - 按钮组配置
  • 注1:按钮组配置包含textclicked回调