fix

src/views/tool.vue

 <template>
   <div id="tool">
     <div class="cropper" v-if="cropperShow">
-                <vueCropper
-                    ref="cropper"
-                    :img="option.img"
-                    :outputSize="option.size"
-                    :outputType="option.outputType"
-                    :info="option.info"
-                    :full="option.full"
-                    :canMove="option.canMove"
-                    :canMoveBox="option.canMoveBox"
-                    :original="option.original"
-                    :autoCrop="option.autoCrop"
-                    :autoCropWidth="option.autoCropWidth"
-                    :autoCropHeight="option.autoCropHeight"
-                    :fixedBox="option.fixedBox"
-                    @realTime="realTime"
-                    @imgLoad="imgLoad"
-                ></vueCropper>
-                <div class="cropperOpt">
-                  <span @click="cropperShow=false">取消</span>
-                  <span @click="croppSure">完成</span>
-                </div>
-            </div>
+      <vueCropper
+        ref="cropper"
+        :img="option.img"
+        :outputSize="option.size"
+        :outputType="option.outputType"
+        :info="option.info"
+        :full="option.full"
+        :canMove="option.canMove"
+        :canMoveBox="option.canMoveBox"
+        :original="option.original"
+        :autoCrop="option.autoCrop"
+        :autoCropWidth="option.autoCropWidth"
+        :autoCropHeight="option.autoCropHeight"
+        :fixedBox="option.fixedBox"
+      ></vueCropper>
+      <div class="cropperOpt">
+        <span @click="cropperShow=false">取消</span>
+        <span @click="croppSure">完成</span>
+      </div>
+    </div>
     <!-- 21天模板 -->
     <div id="posterCon" class="posterCon_21" v-if="days==21||days==150">
       <div id="posterBox">
@@ -198,22 +196,21 @@ import loading from '../components/loading/loading.vue'
 export default {
   data() {
     return{
-        option: {
-                img: '', // 裁剪图片的地址
-                info: true, // 裁剪框的大小信息
-                outputSize: 1, // 剪切后的图片质量（0.1-1）
-                full: true, // 输出原图比例截图 props名full
-                outputType: 'png', // 裁剪生成额图片的格式
-                canMove: true,  // 能否拖动图片
-                original: false,  // 上传图片是否显示原始宽高
-                canMoveBox: true,  // 能否拖动截图框
-                autoCrop: true, // 是否默认生成截图框
-                autoCropWidth: 150, 
-                autoCropHeight: 150, 
-                fixedBox: false // 截图框固定大小
-            }, 
-            previews: {},
-            cropperShow: false,
+      option: {
+        img: '', // 裁剪图片的地址
+        info: true, // 裁剪框的大小信息
+        outputSize: 1, // 剪切后的图片质量（0.1-1）
+        full: true, // 输出原图比例截图 props名full
+        outputType: 'png', // 裁剪生成额图片的格式
+        canMove: true,  // 能否拖动图片
+        original: false,  // 上传图片是否显示原始宽高
+        canMoveBox: true,  // 能否拖动截图框
+        autoCrop: true, // 是否默认生成截图框
+        autoCropWidth: 150, 
+        autoCropHeight: 150, 
+        fixedBox: false // 截图框固定大小
+      },
+      cropperShow: false,
 
 
       posterUrl: '',
@@ -339,15 +336,6 @@ export default {
     })
   },
   methods: {
-    // 实时预览函数 
-    realTime(data) { 
-      console.log('realTime')
-      this.previews = data 
-    },
-    imgLoad (msg) { 
-      console.log('imgLoad')
-      console.log(msg) 
-    },
     croppSure() {//裁剪完成
       this.$refs.cropper.getCropData(data=>{
         this.option.img = ''