Use element UI component and back-end interface to upload pictures

Picture upload All codes: <el-upload ref="up" :file-list="form.resourceList" :show-file-list="true" action="/api/resource/uploadImage" list-type="picture-card" :auto-upload="true" :limit="9" :on-exceed="handleExceed" :http-request="handleFileSuccess" ...

Added by searchman on Wed, 22 Dec 2021 09:52:10 +0200

Background management system - complete code attached

Before, the background management system only wrote two pages without separate layout details Technology stack used: vue-element-uivue-vuexvue-routervue-axios This article has been greatly modified according to the previous article, and uses multi page layout. The effect will look better than before Let's take a look at the implementation e ...

Added by tambo on Wed, 15 Dec 2021 10:15:31 +0200

(springboot+vue) the back end uses the ID value from the front end of vue to play specific videos

Synopsis: when performing the video playback function, I want to use axios to transmit id to the back end to play the corresponding video (my video exists locally, and it should be similar if I use a server.) The first step is to obtain and display all the video information stored in the database, that is, write a findAllVideo interface to ...

Added by jbatty on Tue, 14 Dec 2021 07:03:05 +0200

El select drop-down box lazy loading and search union processing + search anti shake processing

Problem description An existing page is full of a large number of form elements. The first thing to know is vue about the update mechanism on the view. If an element changes in a component, the whole component will refresh and render. Therefore, putting a large number of form elements in one component will cause page jamming. If the drop-down b ...

Added by Codewarrior123 on Sat, 11 Dec 2021 11:34:02 +0200

Exception handling of python notes

1 try-except For example, if we want to open a file that does not exist, it will report an error f=open('no.txt','r') f.read() ''' --------------------------------------------------------------------------- FileNotFoundError Traceback (most recent call last) <ipython-input-54-2709fabe0da7> in <module> ---- ...

Added by riddhi on Wed, 08 Dec 2021 09:10:47 +0200

HTML-form (easy to understand)

Forms: Forms are mainly used to make dynamic web pages for easy interaction with users Form syntax: <form method=" " action=" " enctype="multipart/form-data"></form> When enctype uses file fields in a form, the enctype encoding property of the form must be set to "multipart/form-data", which means that the form data is ...

Added by pulsedriver on Mon, 06 Dec 2021 20:27:52 +0200

vue2.x version + element-ui2.15 + version implements the ip input box that can only input numbers. The functional style is based on windows and bound to the parent component in both directions

catalogue 1. Bidirectional binding 2.:oninput dynamic binding and @ input event processing 3. Main functions 4. Custom component code 1. Bidirectional binding The implementation of bidirectional binding is implemented by v-model in vue2.x. The main codes in this subclass are as follows: export default { name: 'IpInput', mode ...

Added by pinxue on Tue, 23 Nov 2021 01:41:01 +0200

select multi data loading optimization of ElementUI

ใ€Œ ๐Ÿš€ใ€ scene Recently, I started to develop the background management system based on ElementUI. I accidentally found a problem in the "El select" drop-down selection. When the amount of data in the "options" of the rendering drop-down options is too large, "there are more than 10000 data items in this project" , ...

Added by awared on Sat, 25 Sep 2021 10:01:32 +0300