Problems encountered in building vue project of yarn + vite + element plus
From the official website of vue3, we can use Vue cli to build projects and vite to build projects, because vite will be executed a little faster, so here we talk about using vite to build projects and some problems we encounter
Step 1: create a project
Commands for creating projects
yarn create vite-app vite-demo
After creation, you can ...
Posted by pedromau on Sat, 29 Jan 2022 02:02:27 +0100
element table manually implements user-defined filtering (Unofficial)
Look at the renderings first
1, Foreword
Party A has to export well and use excel for advanced screening. It has to implement one in the web page....
The initial attempt to use the official screening of element is very different from that of excel after showing it to Party A.. Fortunately, the official provides a custom header, so you ...
Posted by jwcsk8r on Thu, 27 Jan 2022 12:31:21 +0100
accelerometer module sensor
The accelerator module manages the device acceleration sensor, which is used to obtain the device acceleration information, including the acceleration information in three directions: x (screen horizontal direction), y (vertical screen horizontal direction) and z (vertical screen plane direction). Via plus Accelerometer obtains the device accel ...
Posted by ShaolinWood on Mon, 24 Jan 2022 01:06:12 +0100
[summer training] detailed explanation of El autocomplete on July 6, 2021
Official document with input suggestions for element UI: https://element.eleme.cn/#/zh-CN/component/input
It is recommended to read the official documents first. Here is an appropriate supplement to the official documents
Reference El autocomplete
1. Reference where needed
<el-autocomplete
class="inline-input"
v-model="in ...
Posted by bravo81 on Fri, 21 Jan 2022 06:46:18 +0100
The display range in VUE is limited, and the El option exceeds the element display range when elements scroll
First of all, I would like to thank you for some answers you found when you encounter problems. At the same time, I would like to show you the way The El option in element UI exceeds the element area when the element scrolls - Nuggets (juejin.cn)
The problem encountered by Xiaobian is almost the same as that of the landlord in the link. Howe ...
Posted by compguru910 on Tue, 11 Jan 2022 11:04:25 +0100
vue project optimization and steps
Generate the packaging report, optimize the project according to the report, then add the progress bar and install the nprogress plug-in in main JS edit code
//Import progress bar plug-in
import NProgress from 'nprogress'
//Import progress bar styles
import 'nprogress/nprogress.css'
//Before the request reaches the server, the callback functi ...
Posted by dgwade on Mon, 10 Jan 2022 17:46:11 +0100
app side article viewing, static freemaker, distributed file system minIO
app side article viewing, static freemaker, distributed file system minIO
1) Article list loading
1.1) demand analysis
Article layout display
Table 1.2) structural analysis
ap_article article basic information table
ap_article_config article configuration table
ap_article_content article content table
Relationship analysis of ...
Posted by morgan on Mon, 10 Jan 2022 07:11:40 +0100
Create vue project with element and improve login function
1, Data binding of forms
1. Add: model="form" to El form for data binding.
2. Bind each text input box in the El form to a specific attribute on the data object.
<el-form :model="loginForm" label-width="0px" class="login_form">
<el-input v-model="loginForm.username" prefix-icon="iconfont icon-user"></el-input>
& ...
Posted by gte806e on Sat, 08 Jan 2022 08:20:57 +0100
elementUI complex form validation
Today, I will summarize the verification problems of complex forms. After learning, they can be directly used in actual development. I believe they will be helpful to you in actual projects. We all know that the elementUI component library has been improved. Today, let's take a look at its common form components. Generally, form modules that me ...
Posted by phuggett on Wed, 05 Jan 2022 11:29:15 +0100
Vue force update VM$ forceUpdate()
1. Business background
The reason for this problem is: when the Vue page performs data rendering, hierarchical nesting or multiple data binding makes the component information box data unable to be monitored by Vue in real time. Therefore, the data changes but there is no response to updating or deleting the data of the corresponding informati ...
Posted by Sonu Kapoor on Sun, 02 Jan 2022 14:19:03 +0100