Commit 4e85fa156c2acd9f247baaffabe2df245f2d105d
Committed by
GitHub
GitHub
1 parent
f789787f
pr: #256
#256 test
Showing
1 changed file
with
50 additions
and
30 deletions
Show diff stats
test/routers/select.vue
| 1 | <template> | 1 | <template> |
| 2 | <Row> | 2 | <Row> |
| 3 | <i-col span="12" style="padding-right:10px"> | 3 | <i-col span="12" style="padding-right:10px"> |
| 4 | - <i-select :model.sync="model11" filterable> | ||
| 5 | - <i-option v-for="item in cityList" :value="item.value">{{ item.label }}</i-option> | 4 | + <i-select :model.sync="model111" filterable> |
| 5 | + <i-option v-for="item in cityList1" :value="item.value">{{ item.label }}</i-option> | ||
| 6 | </i-select> | 6 | </i-select> |
| 7 | </i-col> | 7 | </i-col> |
| 8 | + </Row> | ||
| 9 | + <Row> | ||
| 10 | + <i-col span="12" style="padding-right:10px"> | ||
| 11 | + <i-select :model.sync="model112" filterable> | ||
| 12 | + <i-option v-for="item in cityList2" :value="item.value">{{ item.label }}</i-option> | ||
| 13 | + </i-select> | ||
| 14 | + </i-col> | ||
| 15 | + </Row> | ||
| 16 | + <Row> | ||
| 8 | <i-col span="12"> | 17 | <i-col span="12"> |
| 9 | <i-select :model.sync="model12" filterable multiple> | 18 | <i-select :model.sync="model12" filterable multiple> |
| 10 | - <i-option v-for="item in cityList" :value="item.value">{{ item.label }}</i-option> | 19 | + <i-option v-for="item in cityList1" :value="item.value">{{ item.label }}</i-option> |
| 11 | </i-select> | 20 | </i-select> |
| 12 | </i-col> | 21 | </i-col> |
| 13 | </Row> | 22 | </Row> |
| 14 | </template> | 23 | </template> |
| 15 | <script> | 24 | <script> |
| 25 | +const cityList = [ | ||
| 26 | + { | ||
| 27 | + value: 'beijing', | ||
| 28 | + label: '北京市' | ||
| 29 | + }, | ||
| 30 | + { | ||
| 31 | + value: 'shanghai', | ||
| 32 | + label: '上海市' | ||
| 33 | + }, | ||
| 34 | + { | ||
| 35 | + value: 'shenzhen', | ||
| 36 | + label: '深圳市' | ||
| 37 | + }, | ||
| 38 | + { | ||
| 39 | + value: 'hangzhou', | ||
| 40 | + label: '杭州市' | ||
| 41 | + }, | ||
| 42 | + { | ||
| 43 | + value: 'nanjing', | ||
| 44 | + label: '南京市' | ||
| 45 | + }, | ||
| 46 | + { | ||
| 47 | + value: 'chongqing', | ||
| 48 | + label: '重庆市' | ||
| 49 | + } | ||
| 50 | +] | ||
| 16 | export default { | 51 | export default { |
| 17 | data () { | 52 | data () { |
| 18 | return { | 53 | return { |
| 19 | - cityList: [ | ||
| 20 | - { | ||
| 21 | - value: 'beijing', | ||
| 22 | - label: '北京市' | ||
| 23 | - }, | ||
| 24 | - { | ||
| 25 | - value: 'shanghai', | ||
| 26 | - label: '上海市' | ||
| 27 | - }, | ||
| 28 | - { | ||
| 29 | - value: 'shenzhen', | ||
| 30 | - label: '深圳市' | ||
| 31 | - }, | ||
| 32 | - { | ||
| 33 | - value: 'hangzhou', | ||
| 34 | - label: '杭州市' | ||
| 35 | - }, | ||
| 36 | - { | ||
| 37 | - value: 'nanjing', | ||
| 38 | - label: '南京市' | ||
| 39 | - }, | ||
| 40 | - { | ||
| 41 | - value: 'chongqing', | ||
| 42 | - label: '重庆市' | ||
| 43 | - } | ||
| 44 | - ], | ||
| 45 | - model11: '', | 54 | + cityList1: cityList, |
| 55 | + model111: '', | ||
| 56 | + | ||
| 57 | + cityList2: [], | ||
| 58 | + model112: 'beijing', | ||
| 59 | + | ||
| 46 | model12: [] | 60 | model12: [] |
| 47 | } | 61 | } |
| 62 | + }, | ||
| 63 | + ready() { | ||
| 64 | + this.model111 = 'hangzhou' | ||
| 65 | + setTimeout(()=>{ | ||
| 66 | + this.cityList2 = cityList | ||
| 67 | + }, 500) | ||
| 48 | } | 68 | } |
| 49 | } | 69 | } |
| 50 | </script> | 70 | </script> |