§ select-button 选择按钮组
§ fox-select-button 返回值类型
§ HTML
§ 返回value
<fox-select-button v-model="sel_val" :source="m_select_btn_items" @select="selectBtnSelect">返回value</fox-select-button>
1
§ 返回text
<fox-select-button v-model="sel_val2" value-type="text" :source="m_select_btn_items">返回text</fox-select-button>
1
§ 返回值json
<fox-select-button v-model="sel_val3" value-type="item" :source="m_select_btn_items">返回item</fox-select-button>
1
§ fox-select-button 单/多选
§ HTML
§ 单选
<fox-select-button v-model="sel_val4" :source="m_select_btn_items" select-policy="single">单选</fox-select-button>
1
§ 多选
<fox-select-button v-model="sel_val5" :source="m_select_btn_items" select-policy="multi">多选</fox-select-button>
1
§ API
§ Props
组件支持以下属性:
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| v-mode/value | 输入值 | String | — |
| label | 标签名 | String | — |
| tip | 提示 | String | — |
| readonly | 是否只读 | Boolean | false |
| select-policy | 是否可以多选 | String | single |
| icon-align | 图标排列 | String(left/right) | left |
| icon | 图标 | String | icon-right |
| value-type | 选择框返回参数 | String | — |
| span | 跨列 | Number/String | 1 |
| source | 数据源 | Array/ Function/ String | — |
| text-name | item text名称 | String | text |
| value-name | item value名称 | String | value |
§ Event
支持以下事件:
| 事件 | 说明 |
|---|---|
| select | 选择 |
§ Slots
支持以下插槽:
| 名称 | 说明 |
|---|---|
| default | 标签名 |