div
div.panel
h3| select single
div.margin-10
r-select(
v-model="currCity",
)
r-select-option(
v-for="city in cities",
:label="city.label",
:value="city.value",
:key="city.value",
)
h3| select single clearable
div.margin-10
r-select(
v-model="currCity",
clearable,
)
r-select-option(
v-for="city in cities",
:label="city.label",
:value="city.value",
:key="city.value",
)
template(slot-scope="scope")
div| {{scope.data.label}}
div| 这是第 {{scope.index}} 项
h3| select single filterable
div.margin-10
r-select(
v-model="currCity",
filterable,
)
r-select-option(
v-for="city in cities",
:label="city.label",
:value="city.value",
:key="city.value",
)
h3| select single disabled
div.margin-10
r-select(
v-model="currCity",
disabled,
)
r-select-option(
v-for="city in cities",
:label="city.label",
:value="city.value",
:key="city.value",
)
h3| select single small size
div.margin-10
r-select(
v-model="currCity",
size="small",
)
r-select-option(
v-for="city in cities",
:label="city.label",
:value="city.value",
:key="city.value",
)
h3| select single placeholder
div.margin-10
r-select(
v-model="currCity",
placeholder="请选择城市",
)
r-select-option(
v-for="city in cities",
:label="city.label",
:value="city.value",
:key="city.value",
)
h3| select single notFoundText
div.margin-10
r-select(
v-model="currCity",
not-found-text="无匹配城市",
)
//- multiple
div.panel
h3| select multiple
div.margin-10
r-select(
v-model="currCities",
)
r-select-option(
v-for="city in cities",
:label="city.label",
:value="city.value",
:key="city.value",
)
h3| select multiple clearable
div.margin-10
r-select(
v-model="currCities",
clearable,
)
r-select-option(
v-for="city in cities",
:label="city.label",
:value="city.value",
:key="city.value",
)
h3| select multiple filterable
div.margin-10
r-select(
v-model="currCities",
filterable,
)
r-select-option(
v-for="city in cities",
:label="city.label",
:value="city.value",
:key="city.value",
)
h3| select multiple disabled
div.margin-10
r-select(
v-model="currCities",
disabled,
)
r-select-option(
v-for="city in cities",
:label="city.label",
:value="city.value",
:key="city.value",
)
h3| select multiple small size
div.margin-10
r-select(
v-model="currCities",
size="small",
)
r-select-option(
v-for="city in cities",
:label="city.label",
:value="city.value",
:key="city.value",
)
h3| select multiple placeholder
div.margin-10
r-select(
v-model="currCities",
placeholder="请选择城市",
clearable,
)
r-select-option(
v-for="city in cities",
:label="city.label",
:value="city.value",
:key="city.value",
)
h3| select multiple notFoundText
div.margin-10
r-select(
v-model="currCities",
not-found-text="无匹配城市",
)
h3| select word-change
.margin-10
r-select(
v-model="currCities",
placeholder="远程搜索",
searchable,
@word-change="remoteSearch"
)
r-select-option(
v-for="city in remoteCities",
:label="city.label",
:value="city.value",
:key="city.value"
)
h3| select scopedSlots
.margin-10
r-select(
v-model="currCities",
placeholder="远程搜索",
searchable,
)
r-select-option(
v-for="city in cities",
:label="city.label",
:value="city.value",
:key="city.value"
)
template(slot-scope="scope")
div| 测试
div| {{scope.data.label + '[' + scope.index + ']'}}