vue-quill-editor使用element上传图

要在`vue-quill-editor`中使用`element`上传图片，您可以使用以下步骤：

1. 添加`upload`组件到您的页面。

<el-upload
  class="upload-demo"
  ref="upload"
  :action="uploadUrl"
  :on-success="handleUploadSuccess"
  :headers="{ Authorization: token }"
>
  <el-button size="small" type="primary">上传图片</el-button>
</el-upload>

2. 在`data`中定义`uploadUrl`和`token`变量。

data() {
  return {
    uploadUrl: 'your_upload_url',
    token: 'your_token'
  };
}

3. 在`methods`中定义`handleUploadSuccess`方法来获取上传后的图片URL。

methods: {
  handleUploadSuccess(response, file) {
    const imageUrl = response.data.url;
    const quill = this.$refs.myQuillEditor.quill;
    const range = quill.getSelection(true);
    quill.insertEmbed(range.index, 'image', imageUrl);
  },
}

4. 在`vue-quill-editor`中使用`handleUploadSuccess`方法来上传图片。

<quill-editor
  ref="myQuillEditor"
  :options="editorOption"
  v-model="content"
  @image-added="uploadImage($event)"
></quill-editor>

5. 在`methods`中定义`uploadImage`方法来将图片上传到服务器。

methods: {
  uploadImage(file) {
    this.$refs.upload.submit();
  },
}

这样，您就可以使用`element`上传图片到`vue-quill-editor`中了。