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