wangeditor上传附件vue2

你可以使用 WangEditor 的 Vue2 版本来实现上传附件功能。以下是一些基本步骤：

1. 首先，安装 WangEditor 的 Vue2 版本：

npm install wangeditor@3.1.1 vue-wangeditor@3.0.25

2. 在你的 Vue 组件中引入 WangEditor：

import Vue from 'vue'
import Editor from 'wangeditor'
import 'wangeditor/dist/css/wangEditor.min.css'

Vue.use(Editor)

3. 在你的模板中使用 WangEditor 组件，并添加上传附件的配置：

<template>
  <wangeditor v-model="content" @change="handleChange" :config="editorConfig"></wangeditor>
</template>

<script>
export default {
  data() {
    return {
      content: '',
      editorConfig: {
        uploadImgServer: '/upload', // 上传附件的接口地址
        uploadFileName: 'file', // 后端接收附件的字段名
        uploadImgMaxSize: 5 * 1024 * 1024, // 限制上传附件的大小，这里设置为 5MB
        uploadImgMaxLength: 1 // 限制一次最多上传一个附件
      }
    }
  },
  methods: {
    handleChange() {
      // 处理编辑器内容变化的逻辑
    }
  }
}
</script>

4. 在后端实现 `/upload` 接口来处理上传附件的逻辑。

这样，你就可以在 Vue2 中使用 WangEditor 实现上传附件的功能了。记得根据你的具体需求来调整配置和后端接口的实现。