§ 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 标签名
最后更新于: 7/1/2022, 5:56:06 PM