wangeditor上传图片 vue代码

<template>
<div>
<wangeditor ref="editor" :config="editorConfig" @change="handleEditorChange"></wangeditor>
<button @click="uploadImage">上传图片</button>
</div>
</template>

<script>
import WangEditor from 'wangeditor'

export default {
components: {
WangEditor
},
data() {
return {
editorConfig: {
// 配置项
}
}
},
methods: {
handleEditorChange() {
// 处理编辑器内容变化
},
uploadImage() {
const editor = this.$refs.editor
editor.uploadImg(this.handleUploadImage)
},
handleUploadImage(result) {
// 处理上传图片成功后的回调
const editor = this.$refs.editor
editor.command(null, 'insertHtml', `<img src="${result.url}" />`)
}
}
}
</script>