vue+Element UI enables one line card list to switch from left to right
vue+Element UI implements a card list. Click left and right to switch the rotation
Foreword: Based on a demand in the project, it is necessary to display some material lists on the home page. Each material card is displayed in the list. The material list is displayed in one line, and up to 5 cards are displayed in one line. When there are more ...
Posted by chigley on Wed, 04 May 2022 01:34:03 +0300
Made a music player with vue+flask (front-end part)
During this period of time, I suddenly wanted to make a music player to play, so this thing was born. Originally I just wanted to make a small demo to play, so I didn't plan to make the interface look good, so I modeled the optimization on the interface of Yueting. Later, I found that the demand had increased, which made the unsightly interfac ...
Posted by KyleVA on Tue, 03 May 2022 15:43:37 +0300
Vue Error 04: Failed to render a "combined data" in the form
Problem Description
When I was working on a management system project today, I encountered a strange problem. My combined data doesn't show: Rendering 01: The data printed on the console is as follows: Debug Figure 01: As shown in the image, the data is printed, but the table is not rendered.
problem analysis
My datatable is split into two ...
Posted by Telemachus on Tue, 03 May 2022 10:11:05 +0300
Vue3 project is built from scratch and the use of plug-ins
Reading guide
vue3.0 came out for a period of time. I'm not very busy at the end of the year. I can touch fish and start learning Vue3. This paper mainly studies Vue3 project construction and the use of some plug-ins and libraries step by step from project construction to project practice, so as to reduce entry into the pit.
Reading Sanlian: li ...
Posted by veryconscious on Mon, 02 May 2022 17:53:48 +0300
Use eslint + husky + lint staged + prettier to improve front-end project quality and unify project code style
Use eslint + husky + lint staged + prettier to improve front-end project quality and unify project code style
Eslint Check the code. After the editor enables Eslint, those that do not meet the specifications will be prompted automatically.
Prettier If you make the code pretty, you will change the code that does not meet the detection requir ...
Posted by helppy on Sun, 01 May 2022 15:47:01 +0300
[vue] vuex common interview questions
[vue] vuex common interview questions
1, Introduction to vuex
Understanding of vuex
Vuex implements a one-way data flow and has a State to store data globally. When a component wants to change the data in the State, it must be done through mutation. Mutation also provides a subscriber mode for external plug-ins to call to obtain the u ...
Posted by FunkyELF on Sun, 01 May 2022 11:11:20 +0300
vue basic tutorial 01
1.Vue. What is JS
Vue.js is one of the mainstream front-end frameworks, and angular js,React.js together and become the three main front-end frameworks! Vue.js is a framework for building user interface. It only focuses on layers. It is not only easy to start, but also easy to integrate with third-party libraries or existing projects. (Vue has ...
Posted by hadingrh on Sun, 01 May 2022 00:32:30 +0300
Vue basic syntax
1, Template syntax
1. Interpolation
text
{{msg}}
Example:
<html>
<head>
<meta charset="utf-8" />
<title></title>
<!-- Mode I manual mode -->
<!-- <script src="js/vue.js" type="text/javascript"></script> -->
<!-- Mode 2 CDN -->
<!-- Development environment version ...
Posted by MaDSEGA on Fri, 29 Apr 2022 23:06:33 +0300
Summary of communication project methods between parent and child components of vue (props, $ref, $emit,. sync)
1. Realize communication through prop (parent - > child)
The props option of the child component can receive data from the parent component. Yes, only receive, props is one-way binding, that is, it can only be passed from parent component to child component, not reverse. There are two delivery methods:
(1) Static transfer
The child compon ...
Posted by monkeyx on Fri, 29 Apr 2022 13:52:37 +0300
Uni app learning notes IV (Chapter 5 project practice: project initialization, navigation bar, tab production)
catalogue
Project initialization
Create a uniapp project - tabbar
Implement navigation bar
Tab making
Project initialization
Create a uniapp project - tabbar
Pay attention to selecting cloud database. Log in to the unicloud account. Right click the project folder and select Create cloud service space. establish https://uniapp.dcloud.io/ ...
Posted by jmcneese on Fri, 29 Apr 2022 05:18:41 +0300