Nuxt 整合 element-tiptap 上传图片到阿里云 OSS, 报错 上传方法 undefined

Question

在 NUXT 中, 编辑器整合出来了, 一直卡在上传图片这里, 希望有人能够帮助我解决一下这个问题.

Answer 1

你在外面定义 that = this, 你这地方的this指向可能不对

Answer 2

谢谢回复! 我不太明白你说的在外面定义 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()
      ]
    }
  },

Answer 3

问题已解决

          new Image({
            uploadRequest: (file) => { // 这里使用的是 箭头函数,获取到 this
              const data = new FormData()
              data.append('file', file)
              return this.$uploadArticleImg(data).then(response => {
                return response.data
              })
            }
          }),

```javascript

```