使用vue3时，el-image的src路径如何由django后端服务器获得

在 Vue 3 中，使用 el-image 的方式与 Vue 2 中有些不同，但是从 Django 后端获取图片路径的方式是一样的。你可以使用 Vue 3 中的 template 和 setup 方法来实现。

首先，在 Vue 3 的模板中使用 el-image 组件，并将其 src 属性绑定到一个 data 中的变量。例如：

<template>
  <el-image :src="imageUrl"></el-image>
</template>

然后，在 setup 方法中，使用 Vue 3 的响应式 API ref 和 props 来获取和更新 imageUrl 变量的值。例如：

import { ref, onMounted } from 'vue'

export default {
  setup(props) {
    const imageUrl = ref('') // 初始化为空字符串
    onMounted(async () => {
      // 从后端获取图片路径
      const response = await fetch('/api/get_image/')
      const imagePath = await response.text()
      // 更新 imageUrl 变量
      imageUrl.value = imagePath
    })
    return { imageUrl }
  },
}

在这个例子中，我们使用了 fetch API 来向后端发送请求，获取图片路径。当请求成功返回时，我们使用响应式 API ref 来更新 imageUrl 变量的值，这将触发 el-image 组件重新加载图片。

需要注意的是，我们在 setup 方法中使用了 onMounted 钩子函数来在组件挂载后发送请求获取图片路径。这是因为在模板中使用 el-image 组件时，它需要在浏览器中加载并执行，才能向后端发送请求获取图片路径。因此，我们需要在组件挂载后才能发送请求。