element plus upload组件上传图片时获得图片的url setup语法

Element Plus的Upload组件是一个用于文件上传的功能模块。当你需要在用户选择图片后获取图片URL时，可以利用`el-upload`提供的事件处理函数，特别是`on-success`或`on-change`事件。以下是基本的设置语法：

<template>
  <el-upload
    ref="upload"
    :action="uploadUrl" <!-- 服务器接收图片的地址 -->
    :on-success="handleSuccess"
    :file-list="imageList"
  >
    <el-button slot="trigger">点击上传</el-button>
    <el-icon slot="tip">上传图片</el-icon>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      imageList: [], // 存储已上传图片的URL列表
      uploadUrl: 'your-api-url', // 服务器API URL
    };
  },
  methods: {
    handleSubmit(file) {
      this.$refs.upload.submit(); // 提交上传请求
    },
    handleSuccess(response, file) { 
      if (response.status === 200) { 
        const imageUrl = response.data.url; // 从服务器响应中提取图片URL
        this.imageList.push(imageUrl); // 添加到本地列表
      }
    },
  },
};
</script>

在这个例子中，当图片上传成功(`on-success`)，`handleSuccess`方法会被调用，你可以在这里获取服务器返回的新图片URL并将其添加到`imageList`中。