Front end: overall layout, sidebar analysis, based on Element UI component library of e-commerce management system
In this article, we are still based on e-commerce management system.
This time, we analyze the overall layout of the interface and apply the layout container and sidebar components of ElementUI,
catalogue
Overall layout of interface (Container component is adopted)
Menu component
First level menu
Secondary menu
Overall lay ...
Added by caaronbeasley on Sun, 10 Oct 2021 09:39:16 +0300
eladmin button permission allocation super details are very simple. The difference between checkPermission and v-permission
preface
In the recent project, there is a need to assign different permissions to different users. In the past, the knowledge was used when writing. This time, I plan to read it myself according to login refresh verify (use element UI)
Summary above
In another article on button permission assignment, we talked about the usage and execut ...
Added by horizontal on Sun, 10 Oct 2021 05:48:38 +0300
Slot is commonly used in vue3
Let's get to know the slot first
In development, we often encapsulate reusable components:
Previously, we'll pass some data to the component through props so that it can be displayed.However, in order to make this component more versatile, we cannot restrict the contents of the component to fixed div, span, and so on.We should allow users to ...
Added by janhouse00 on Wed, 06 Oct 2021 19:41:44 +0300
Calculated properties and listeners in Vue
1, v-for
1. Update monitoring
In general, changes in data will lead to v-for update, but in some cases, such as array method filter, it will return a new array, or directly change the value of the array in a literal way, which will not lead to v-for update. In such cases, reassignment or this.$set() or Vue.set() methods can be used
// v-for ...
Added by wazza on Wed, 06 Oct 2021 01:22:38 +0300
Learn from Vue. Just watch this
vue summary
VUE Foundation
1, What is vue
The official concept is that Vue (similar to View) is a front-end framework for building user interfaces
Build user interface
It is very convenient to fill data into html pages with Vue frame
Framework is a ready-made solution. Programmers can only abide by the specifications of the framewor ...
Added by jakeone on Tue, 05 Oct 2021 20:36:17 +0300
From shallow to deep axios
Traditional Ajax, jQquery-Ajax, Vue-resource, axios... Which strong network requests? The vue framework selects axios. Success is not long-term vision, but you are already standing high.
Preface-Network Module Selection
1. Traditional Ajax Traditional Ajax is based on XMLHttprequest(XHR)
Very well explained, very confusing configurati ...
Added by -Zeus- on Tue, 05 Oct 2021 19:07:42 +0300
Construction of front-end environment of distributed reservation registration platform | Zheng Yibao の
1, Integrate the basic templates provided by element UI into the workspace
vue-element-admin It is a set of background management system integration scheme based on element UI Integration scheme GitHub address: https://github.com/PanJiaChen/vue-element-admin Basic template GitHub address: https://github.com/PanJiaChen/vue-admin-template ...
Added by batterdmooie on Sun, 03 Oct 2021 03:46:50 +0300
Vue directive day 3
V-text: The function of the v-text instruction is to set the contents of the label The default writing method replaces everything and uses the difference expression {} You can replace the specified content
<body>
<div id="app">
<!-- This can show -->
{{ax}}seem
<!-- Vue Instruction: text instru ...
Added by curlious on Mon, 27 Sep 2021 14:34:27 +0300
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
Vue Learning Notes 01
Catalog
1. Basic concepts of Vue
Vue Features
MVVM in Vue
Vue's life cycle
2. Basic usage
Attributes:
el: Determines which element to mount this Vue object on
Data: Stores data that can be defined directly by us or from the network
methods: This property is used to define a method in a Vue object.
computed: after data processing and r ...
Added by jabbaonthedais on Wed, 22 Sep 2021 21:30:10 +0300