使用element ui里面的Upload进行上传

要使用Element UI中的Upload组件进行图片上传，你需要先在Nuxt.js项目中安装并配置Element UI。你可以通过以下命令安装所需的依赖：

npm install element-ui

然后，在Nuxt.js的`plugins`目录下创建一个新的插件文件，例如`element-ui.js`，并添加以下内容：

import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

接下来，在Nuxt.js的`nuxt.config.js`文件中添加以下代码来引入该插件：

module.exports = {
  // ...
  plugins: [
    // ...
    { src: '~/plugins/element-ui', ssr: true },
  ],
  // ...
};

现在，你可以在Vue组件中使用Element UI的Upload组件来实现图片的上传和修改。

<template>
  <div>
    <el-upload
      class="upload-demo"
      action="/api/upload"
      :on-success="handleSuccess"
      :before-upload="beforeUpload"
      :file-list="fileList"
    >
      <el-button size="small" type="primary">点击上传</el-button>
      <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过2MB</div>
    </el-upload>
  </div>
</template>

<script>
export default {
  data() {
    return {
      fileList: [],
    };
  },
  methods: {
    beforeUpload(file) {
      const isJPG = file.type === 'image/jpeg' || file.type === 'image/png';
      const isLt2M = file.size / 1024 / 1024 < 2;

      if (!isJPG) {
        this.$message.error('只能上传jpg/png文件！');
      }
      if (!isLt2M) {
        this.$message.error('文件大小不能超过2MB！');
      }

      return isJPG && isLt2M;
    },
    handleSuccess(response) {
      // 在这里可以处理上传成功后的逻辑
      console.log(response);
    },
  },
};
</script>

<style scoped>
.upload-demo {
  display: inline-block;
  margin-bottom: 20px;
}
</style>

在上面的代码中，`action`属性指定了上传文件的API接口地址。你需要根据自己的服务端实现来修改该地址。

同时，注意在`beforeUpload`方法中可以进行文件类型和大小的校验，并使用`this.$message`方法来显示错误信息。

在`handleSuccess`方法中，你可以处理上传成功后的逻辑。你可以将图片数据发送到服务器进行保存，或者使用Vuex来管理图片数据。

这样，你就可以使用Element UI的Upload组件来实现图片的上传和修改了。记得根据自己的需求进行适当的调整和扩展。