update

src/components/frame/form.vue

@@ -21,6 +21,10 @@
           <el-form-item v-if="display(item)" :key="'form-field-' + index" :label="getField('label', item)" :prop="item.model" :required="item.required">
             <template v-if="!item.custom">
               <template v-if="item.type !== 'text'">
+                <template v-if="item.type === 'editor'">
+                  <wang-editor v-model="form[item.model]" :url="item.url"></wang-editor>
+                  <!-- <el-input clearable v-model="form[item.model]" type="textarea" :autosize="{ minRows: 3, maxRows: 5 }"></el-input> -->
+                </template>
                 <el-tooltip class="item" effect="dark" :content="item.tip" placement="top-start" :disabled="!item.tip">
                   <template v-if="item.type === `date` || item.type === `datetime`">
                     <el-date-picker
@@ -65,10 +69,6 @@
                   <template v-else-if="item.type === 'textarea'">
                     <el-input clearable v-model="form[item.model]" type="textarea" :autosize="{ minRows: 3, maxRows: 5 }"></el-input>
                   </template>
-                  <template v-else-if="item.type === 'editor'">
-                    <wang-editor v-model="form[item.model]"></wang-editor>
-                    <!-- <el-input clearable v-model="form[item.model]" type="textarea" :autosize="{ minRows: 3, maxRows: 5 }"></el-input> -->
-                  </template>
                   <template v-else>
                     <el-input
                       clearable

src/components/frame/wang-editor.vue

@@ -1,5 +1,8 @@
 <template>
-  <div ref="editor" style="text-align:left"></div>
+  <div>
+    <div ref="editor" style="text-align:left"></div>
+    <el-button type="" @click="toClick">test</el-button>
+  </div>
 </template>
 <script>
 import E from 'wangeditor';
@@ -34,10 +37,12 @@ export default {
   },
   props: {
     value: { type: String, required: false, default: '' },
+    url: { type: String },
   },
   data() {
     return {
       editorContent: this.value,
+      editor: {},
     };
   },
   mounted() {
@@ -49,7 +54,7 @@ export default {
     // 自定义菜单配置
     editor.customConfig.menus = menus;
     editor.customConfig.zIndex = 0;
-    editor.customConfig.uploadImgServer = '/files/cms/images/upload';
+    editor.customConfig.uploadImgServer = this.url;
     editor.customConfig.uploadImgMaxLength = 1;
     editor.customConfig.uploadImgHooks = {
       // 如果服务器端返回的不是 {errno:0, data: [...]} 这种格式，可使用该配置
@@ -67,11 +72,15 @@ export default {
     };
     editor.create();
     editor.txt.html(this.value);
+    this.$set(this, 'editor', editor);
   },
   methods: {
     getContent: function() {
       return this.editorContent;
     },
+    toClick() {
+      console.log(this.editor);
+    },
   },
 };
 </script>