diff --git a/src/components/layout/sider.vue b/src/components/layout/sider.vue
index 6771708d..e35df6cf 100644
--- a/src/components/layout/sider.vue
+++ b/src/components/layout/sider.vue
@@ -115,8 +115,8 @@
         methods: {
             toggleCollapse () {
                 this.isCollapsed = this.collapsible ? !this.isCollapsed : false;
-                this.$emit('input', !this.isCollapsed);
-                this.$emit('on-collapse', !this.isCollapsed);
+                this.$emit('input', this.isCollapsed);
+                this.$emit('on-collapse', this.isCollapsed);
             },
             matchMedia () {
                 let matchMedia;
@@ -137,12 +137,16 @@
             }
         },
         mounted () {
-            on(window, 'resize', this.onWindowResize);
-            this.matchMedia();
-            this.$emit('input', this.defaultCollapsed);
             if (this.defaultCollapsed) {
                 this.isCollapsed = true;
+                this.$emit('input', this.defaultCollapsed);
+            } else {
+                if (this.value !== undefined) {
+                    this.isCollapsed = this.value;
+                }
             }
+            on(window, 'resize', this.onWindowResize);
+            this.matchMedia();
         },
         destroyed () {
             off(window, 'resize', this.onWindowResize);