Merge pull request #3579 from SergioCrisostomo/refactor-select
more select improvements
This commit is contained in:
commit
930b85838e
3 changed files with 47 additions and 13 deletions
|
@ -671,16 +671,16 @@
|
|||
|
||||
<template>
|
||||
<div>
|
||||
<Select v-model="model1" size="small" style="width:200px;">
|
||||
<Select v-model="model1" size="small" style="width:200px;" >
|
||||
<Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
|
||||
</Select>
|
||||
<Select v-model="model10" size="small" multiple style="width:260px">
|
||||
<Select v-model="model10" size="small" multiple style="width:260px" >
|
||||
<Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
|
||||
</Select>
|
||||
|
||||
<br><br>
|
||||
|
||||
<Select v-model="model1" size="large" style="width:200px">
|
||||
<Select v-model="model1" size="large" style="width:200px" clearable @on-clear="onClear">
|
||||
<Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
|
||||
</Select>
|
||||
<Select v-model="model10" size="large" multiple style="width:260px">
|
||||
|
@ -698,11 +698,11 @@
|
|||
<Select v-model="model10" multiple style="width:260px">
|
||||
<Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
|
||||
</Select>
|
||||
|
||||
|
||||
<br><br>
|
||||
|
||||
|
||||
<br><br>
|
||||
|
||||
|
||||
<br><br>
|
||||
<br><br>
|
||||
<br><br>
|
||||
|
@ -713,9 +713,9 @@
|
|||
<Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
|
||||
</Select>
|
||||
<br><br>
|
||||
|
||||
|
||||
<br><br>
|
||||
|
||||
|
||||
<br><br>
|
||||
<br><br>
|
||||
<br><br>
|
||||
|
@ -761,6 +761,11 @@
|
|||
model10: [],
|
||||
model11: []
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onClear(){
|
||||
console.log('onClear');
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue