About how to get the data returned by the backend when uploading element el-upload.

if you want to upload an avatar, use the el-upload method of element and enter the port address to upload successfully. How do you accept the value returned by the backend?

<el-form-item label="">
   <el-upload
     class="avatar-uploader"
     action="http://192.168.1.47:9997/api/account/Upload"
     :show-file-list="false"
     :on-success="handleAvatarSuccess"
     :before-upload="beforeAvatarUpload">
     <img v-if="imageUrl" :src="imageUrl" class="avatar">
     <i v-else class="el-icon-plus avatar-uploader-icon"></i>
   </el-upload>
 </el-form-item>

the backend returned a value

how do I get this value? I"d better have a code hint. I have front-end scum. Thank you, boss

Javascript vue.js element-ui

Jun.10,2021

on-success is the hook when the file is uploaded successfully. You can get the data returned from the backend in this hook.

...
:on-success="handleAvatarSuccess"
...
methods: {
    handleAvatarSuccess(response, file, fileList) {
        //response
    }
}

   handleAvatarSuccess(res, file) {
       //res
   },

Previous: Socket_read problem in php

Next: In vue+element-ui, how does the Cascader cascade selector use the children option in prop?

ElementUI Select component filter-method problem
there is a requirement that when Select selects a city, it needs fuzzy search, which supports not only Chinese, but also pinyin, acronyms and so on. The back end will give me the corresponding fields, but I find that using filter-method to pass in funct...

Javascript vue.js element-ui

Feb.28,2021
The element-ui form right mouse button adds the .modifier modifier. Please tell me how to add it correctly.
Error in event handler for "row-contextmenu": "TypeError: $event.preventDefault is not a function" Please tell me how to add .client to row-contextmenu . ...

Iview javascript vue.js element-ui

Mar.02,2021
Element ui select cleanup option
how can select empty the selected data and display the original placeholder?? here is my code: ...

Front-end javascript vue.js element-ui

Mar.03,2021
Get the width of the Element-ui table header
tries to use ref, which returns a real example of a component, and then I don t know what to do with how to get the width of header. ...

Javascript vue.js element-ui

Mar.04,2021
ElementUi table component custom filter box
there is a requirement for the product to put the filter criteria of table here in the table header, and the content is more customized; elementUi1.filters,2.elementUipopover()table dare to ask everyone how to solve the problem, do you want to bui...

Javascript vue.js element-ui table

Mar.06,2021
ElementUI el-select includes all in the case of multiple selection, how does everyone achieve it? Do you write it yourself?
look for it on the official website, but there is no corresponding example and api <template> <el-select class="g-public-multi-select" v-model="selectWeekDayListProp" :disabled="disabled" @change="selectCha...

Javascript vue.js element-ui es6 html5

Mar.06,2021
Vue destroys the page cards with a large amount of data.
the current project uses vue and element to do, and finds a problem. After entering the current page, it will request an interface with 3000 + pieces of interface data, and then send the data to element-ui to render the select, (page rendering will not ...

Html5 javascript vue.js element-ui

Mar.13,2021
Elementui tables merge
I use element ui but don t know how to merge the last column. ...

Javascript vue.js element-ui

Mar.15,2021
How can the change callback of CheckBox components in elementUI keep the default parameters when custom parameters are used?
when checked, I want to pass the row data item, and insert the uid in the item into the array selectedId according to the value of the value after the CheckBox update. there is only one default callback parameter in the official document. I want to pas...

Javascript vue.js element-ui

Mar.17,2021
How should multi-column selection of Table components in elementUI be implemented?
the hair hair doctor, the Master Satan, flew over the place on time ...

Javascript vue.js element-ui element es6

Mar.18,2021
The el-select selector in vue2.0 element-ui cannot display the selected content
before triggering the search event, everything is normal after the drop-down selection, click the search button, other drop-down box selectors can not be selected normally, can trigger the change event, but it is not displayed on the page, click on mor...

Javascript vue.js element-ui

Mar.21,2021
How to use the fill attribute of input in elementUi?
the default click is blue. I want to change the color, but there is no effect after adding it in from. How can I change it? <el-form-item label="" prop="resource" fill="red"> <el-radio-group v-mod...

Javascript vue.js element-ui

Mar.21,2021
How to upload manually after elementui cancels auto-upload?
: auto-upload= "false " after it is added, it will not be uploaded automatically. How can I upload it manually when I submit it? ...

Javascript vue.js element-ui

Mar.21,2021
The problem of sorting method after dragging the header of element-ui table
problem description after the header is dragged, the data changes, but the sorting method remains the same? the environmental background of the problems and what methods you have tried in the element-ui table header drag effect, view the data, and...

Javascript vue.js element-ui

Apr.01,2021
How to solve the problem that the table will not be re-rendered after the data of the Table component in elementUI changes?
the sortchange hook function is called when sorting, and then the initsort method is triggered. I wanted to keep the first row from moving up (forcing the sorted image to be updated without success), but the table data changed, but the page did not chan...

React.js javascript vue.js element-ui

Apr.03,2021
How to edit element tree tree
Is there a complete example of ? Official documents can only be added and deleted, but there is no editing function. How to edit this officially, only can be added or deleted. ...

Javascript vue.js element-ui

Apr.10,2021
The problem of elementUI tab page switching cycle
when the elementUI tab page is switched, the corresponding tab-pane component I use the dynamic component, and then I find that it only triggers the mounted event, and there is no event trigger when I leave. before-leave, with tab tag finds that oldAct...

Javascript vue.js element-ui

Apr.11,2021
How does element add background color to table's thead?
as shown in the figure, the simplest type, how to add background color to the header, write a lot of css are invalid ah, why? <el-table border :data="tableData" style="width: 100%"> <el-table-column prop="...

Javascript vue.js element-ui

Apr.14,2021
How to bind some pictures by default in the component for uploading elementUI upload images
is using elementUI as the background. Use the component for uploading pictures. Click the plus sign to add the picture normally. But when the form needs to be re-edited, you need to show these pictures first, and the question is how to do it. ...

Javascript vue.js element-ui

May.13,2021
How do I define the maximum width for the width of a column in the elementUI table component?
I want to set the maximum width for this column so that it can change with the number of pictures, not in space. Is there any way to set the maximum width of the column, or to achieve the effect I want. Ask the bosses for guidance, Orz thank you very...

Css3 css javascript vue.js element-ui

Jun.10,2021