Commit ad74efbc83bcc7f2e7777e5e282b896356fad328
1 parent
2ec84333
fixed the bug about v-modle
Showing
1 changed file
with
9 additions
and
5 deletions
Show diff stats
src/components/layout/sider.vue
| ... | ... | @@ -115,8 +115,8 @@ |
| 115 | 115 | methods: { |
| 116 | 116 | toggleCollapse () { |
| 117 | 117 | this.isCollapsed = this.collapsible ? !this.isCollapsed : false; |
| 118 | - this.$emit('input', !this.isCollapsed); | |
| 119 | - this.$emit('on-collapse', !this.isCollapsed); | |
| 118 | + this.$emit('input', this.isCollapsed); | |
| 119 | + this.$emit('on-collapse', this.isCollapsed); | |
| 120 | 120 | }, |
| 121 | 121 | matchMedia () { |
| 122 | 122 | let matchMedia; |
| ... | ... | @@ -137,12 +137,16 @@ |
| 137 | 137 | } |
| 138 | 138 | }, |
| 139 | 139 | mounted () { |
| 140 | - on(window, 'resize', this.onWindowResize); | |
| 141 | - this.matchMedia(); | |
| 142 | - this.$emit('input', this.defaultCollapsed); | |
| 143 | 140 | if (this.defaultCollapsed) { |
| 144 | 141 | this.isCollapsed = true; |
| 142 | + this.$emit('input', this.defaultCollapsed); | |
| 143 | + } else { | |
| 144 | + if (this.value !== undefined) { | |
| 145 | + this.isCollapsed = this.value; | |
| 146 | + } | |
| 145 | 147 | } |
| 148 | + on(window, 'resize', this.onWindowResize); | |
| 149 | + this.matchMedia(); | |
| 146 | 150 | }, |
| 147 | 151 | destroyed () { |
| 148 | 152 | off(window, 'resize', this.onWindowResize); | ... | ... |