在 NUXT 中, 编辑器整合出来了, 一直卡在上传图片这里, 希望有人能够帮助我解决一下这个问题.
你在外面定义 that = this, 你这地方的this指向可能不对
谢谢回复! 我不太明白你说的在外面定义 that = this , 是在哪外面定义呢?
我编辑上传图片调用接口的地方是在 return 中, 在 NUXT 中的 return 区域老说我接口属性没定义. 这问题我到现在还没解决.请帮帮我!
</template>
<script>
......
export default {
components: {
'el-tiptap': ElementTiptap
},
data() {
return {
....
// 富文本编辑器
extensions: [
.......
new Image({
uploadRequest(file) {
let that = this
const data = new FormData()
data.append('file', file)
return that.$uploadArticleImg(data).then(response => {
return response.data
// console.log('response.data', response.data)
})
}
}),
......
new Blockquote()
]
}
},
问题已解决
new Image({
uploadRequest: (file) => { // 这里使用的是 箭头函数,获取到 this
const data = new FormData()
data.append('file', file)
return this.$uploadArticleImg(data).then(response => {
return response.data
})
}
}),
```javascript
```