Commit f4c38b4604d1328a53a41a39300a5da5842c9ec4
1 parent
bb1f58e2
fixed #805
Showing
2 changed files
with
28 additions
and
7 deletions
Show diff stats
examples/routers/select.vue
1 | 1 | <template> |
2 | 2 | <div style="width: 200px;margin: 100px;"> |
3 | - <Select v-model="fields.pid" filterable placement="top"> | |
4 | - <Option :value="0" label="一级菜单"></Option> | |
5 | - <Option :value="1" label="二级菜单"></Option> | |
6 | - </Select> | |
3 | + <i-select v-model="model" filterable clearable style="width:200px"> | |
4 | + <i-option :value="option.value" v-for="option in options" :key="option">{{option.label}}</i-option> | |
5 | + </i-select> | |
7 | 6 | </div> |
8 | 7 | </template> |
9 | 8 | |
... | ... | @@ -11,10 +10,26 @@ |
11 | 10 | export default { |
12 | 11 | data () { |
13 | 12 | return { |
14 | - fields: { | |
15 | - pid: 0 | |
16 | - } | |
13 | + model: 1, | |
14 | + options: [ | |
15 | + | |
16 | + ] | |
17 | 17 | } |
18 | + }, | |
19 | + mounted () { | |
20 | + this.options = [{ | |
21 | + label: '全部', | |
22 | + value: 0 | |
23 | + },{ | |
24 | + label: '苹果', | |
25 | + value: 1 | |
26 | + },{ | |
27 | + label: '香蕉', | |
28 | + value: 2 | |
29 | + },{ | |
30 | + label: '西瓜', | |
31 | + value: 3 | |
32 | + }]; | |
18 | 33 | } |
19 | 34 | } |
20 | 35 | </script> |
21 | 36 | \ No newline at end of file | ... | ... |
src/components/select/select.vue
... | ... | @@ -536,11 +536,17 @@ |
536 | 536 | |
537 | 537 | this.$on('append', () => { |
538 | 538 | this.modelToQuery(); |
539 | + this.$nextTick(() => { | |
540 | + this.broadcastQuery(''); | |
541 | + }); | |
539 | 542 | this.slotChange(); |
540 | 543 | this.updateOptions(true, true); |
541 | 544 | }); |
542 | 545 | this.$on('remove', () => { |
543 | 546 | this.modelToQuery(); |
547 | + this.$nextTick(() => { | |
548 | + this.broadcastQuery(''); | |
549 | + }); | |
544 | 550 | this.slotChange(); |
545 | 551 | this.updateOptions(true, true); |
546 | 552 | }); | ... | ... |