fix(mpvue-cropper): lifecycle error

we-plugin · May 30, 2018 · f625af4 · f625af4
1 parent a9b7d54
commit f625af4
Showing 1 changed file with 12 additions and 6 deletions.
diff --git a/packages/mpvue-cropper/mpvue-cropper.vue b/packages/mpvue-cropper/mpvue-cropper.vue
@@ -62,12 +62,11 @@
             src ? resolve(src) : reject()
           })
         })
-      }
-    },
-    mounted () {
-      _wecropper = new WeCropper(Object.assign(this.option, {
-        id: this._canvasId
-      }))
+      },
+      init () {
+        _wecropper = new WeCropper(Object.assign(this.option, {
+          id: this._canvasId
+        }))
         .on('ready', (...args) => {
           this.$emit('ready', ...args)
         })
@@ -81,6 +80,13 @@
           this.$emit('beforeDraw', ...args)
         })
         .updateCanvas()
+      }
+    },
+    onLoad () {
+      if (!this.option) {
+        return console.warn('[mpvue-cropper] 请传入option参数\n参数配置见文档：https://we-plugin.github.io/we-cropper/#/api')
+      }
+      this.init()
     }
   }
 </script>