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