生成vue前端页面附件将文件拖到此处，或点击上传序号文件名称请上传文件文件大小操作取消确认 <el-col :xs="24" :sm="24" :lg="24"> <el-form-item label="附件"> <el-upload v-if="crud.status.cu > 0" ref="fileUpload" :link-name="linkName" style="width: 100%;" action="/your-upload-url" :auto-upload="false" :file-list="fileList" :on-change="handleFileChange" > <el-button size="small" type="primary">选择文件</el-button> </el-upload> </el-form-item> </el-col>

这是一个基于Vue的前端页面中的文件上传组件。它使用了Element UI中的el-upload组件来实现文件上传功能。以下是组件的代码：

<template>
  <el-col :xs="24" :sm="24" :lg="24">
    <el-form-item label="附件">
      <el-upload
        v-if="crud.status.cu > 0"
        ref="fileUpload"
        :link-name="linkName"
        style="width: 100%;"
        action="/your-upload-url"
        :auto-upload="false"
        :file-list="fileList"
        :on-change="handleFileChange"
      >
        <el-button size="small" type="primary">选择文件</el-button>
      </el-upload>
    </el-form-item>
  </el-col>
</template>

<script>
export default {
  data() {
    return {
      fileList: [],
    };
  },
  methods: {
    handleFileChange(file) {
      // 处理文件选择事件
    },
  },
};
</script>

在这个组件中，使用了`el-upload`组件来渲染文件上传按钮和文件列表。其中`action`属性指定了文件上传的接口地址，`auto-upload`属性设置为`false`表示需要手动触发上传动作。`file-list`属性用于绑定文件列表数据，`on-change`属性绑定了文件选择事件的处理函数`handleFileChange`。

希望以上信息对你有帮助！如果还有其他问题，请随时提问。