el-transfer 回显数据
时间: 2023-08-05 22:09:41 浏览: 161
el-transfer 组件可以用来实现拖拽上传文件的功能,当用户拖拽文件到组件区域时,会触发 `change` 事件,此时可以获取到上传的文件信息。具体的回显数据的方式取决于你的业务需求和后端接口的实现,可以将上传的文件信息发送到后端进行处理,然后前端再从后端获取处理结果进行回显。下面是一个简单的示例代码:
```html
<el-transfer
v-model="fileList"
:data="formData"
:action="uploadUrl"
:on-change="handleChange"
>
</el-transfer>
```
```javascript
data() {
return {
fileList: [],
formData: {},
uploadUrl: '/api/upload'
}
},
methods: {
handleChange(fileList) {
// 发送文件到后端进行处理
axios.post(this.uploadUrl, this.formData).then(response => {
// 处理后端返回的数据,进行回显
// ...
}).catch(error => {
console.error(error)
})
}
}
```
在 `handleChange` 方法中,调用后端接口将文件信息上传到后端进行处理,并在接口返回数据后进行回显。具体的回显方式需要根据业务需求进行实现。
阅读全文