# XButtons

通用按钮组控件


## 何时使用

当需要一个通用按钮组时


引用方式：

```javascript
import XButtons from '@vue2-client/base-client/components/XButtons/XButtons'

export default {
    components: {
      XButtons
    }
}
```



## 代码演示

```html
<template>
  <div>
    <x-buttons ref="xButtons"></x-buttons>
  </div>
</template>

<script>
  import XButtons from './XButtons.vue'
  import { getConfigByName } from '@vue2-client/services/api/common'

  export default {
    name: 'XButtonDemo',
    components: {
      XButtons
    },
    data () {
      return {}
    },
    mounted () {
      getConfigByName('testButtonGroup', 'af-his', res => {
        this.$refs.xButtons.init({
          renderConfig: res
        })
      }, true)
    },
    methods: {},
  }
</script>
```

## API

| 参数        | 说明                       | 类型      | 默认值  |
|-----------|--------------------------|---------|------|
