Select 选择框

fox-select 返回值类型

HTML

value返回值

<fox-select placeholder="请选择(返回value)" v-model="sel_val"  :source="m_relationShip">选择框</fox-select>

text返回值

<fox-select placeholder="请选择(返回text)" v-model="sel_val2" value-type="text" :source="m_relationShip">选择框2</fox-select>

json返回值

<fox-select placeholder="请选择(返回item)" v-model="sel_val3" value-type="item" :source="m_relationShip">选择框3</fox-select>

fox-select 多级选择

HTML

一级

 <fox-select placeholder="请选择(一级)" v-model="sel_val4" :options="{layer: 1}" :source="m_city_data">选择框4</fox-select>

二级

<fox-select placeholder="请选择(二级)" v-model="sel_val5" :options="{layer: 2}" :source="m_city_data">选择框5</fox-select>

三级

<fox-select placeholder="请选择(三级)" v-model="sel_val6" :options="{layer: 3}" :source="m_city_data3">选择框6</fox-select>

API

Props

组件支持以下属性：

参数	说明	类型	默认值
v-mode/value	输入值	String	—
label	标签名	String	—
tip	提示	String	—
placeholder	输入提示	String	—
readonly	是否只读	Boolean	false
disabled	是否禁用	Boolean	false
edit	是否可编辑	Boolean	false
text-type	选择框显示类型	String	—
value-type	选择框返回参数	String	—
options	选择框设置参数	Object	—
unit	单位	String	—
span	跨列	Number/String	1
source	数据源	Array/ Function/ String	—
text-name	item text名称	String	text
value-name	item value名称	String	value
children-name	item children名称	String	children

Event

支持以下事件：

事件	说明
focus	获取焦点
change	输入改变
blur	失去焦点

Slots

支持以下插槽：

名称	说明
default	标签名