Vue3+Element-Plus Homepage Aside Layout Design 24

1. Layout design effect of left menu   2. Left Menu Layout Analysis Menus are split into two levels and have a folding effect   3. Introduction to menu components used   Menu | Element Plus (gitee.io)   el-menu   The outermost layer of the entire left menu must be wrapped in a menu  el-submenu Level 1 Menu ...

Posted by lostprophetpunk on Sat, 04 Dec 2021 11:20:17 -0800

elementUI framework component

elementUI framework learning notes 1. Create a Vue cli scaffold Initialization: vue init webpackInstallation package: npm installInstalling elementui: NPM I element UI - SInstall axios: npm install axios -SInstall Router: NPM install Vue router - s and configure routing.Introduce components and configure routing.Start project: npm run dev ...

Posted by miniature on Fri, 03 Dec 2021 11:00:44 -0800

Installation and use of element UI, iview, vant and Vuex

Vue_UI and Vuex UI Library element-ui Official website: https://element.eleme.cn/#/zh-CN/component/installationhttps://element.eleme.cn/#/zh-CN/component/installation Element, a desktop component library based on Vue 2.0 for developers, designers and product managers Element UI is a third-party PC side component library based on vue box I ...

Posted by zimmo on Mon, 01 Nov 2021 04:57:43 -0700

tabs to achieve dynamic data switching

Realization effect General idea First, I want to judge the number of each question type queried in the interface, find the question type ID whose count is not zero, and it appears first. I won't enter it after query, and then query and render the question resolvent At the beginning, I thought about how to change the activeName of the tabs ...

Posted by Fergusfer on Wed, 13 Oct 2021 21:05:13 -0700

Realization of the complete menu of outstanding cuisine in vue project

design sketch   analysis 1. First implement the recipe classification header         (1) First, realize the home-made menu, Chinese cuisine and local snacks         (2) Then realize each item in the first part 2. Implement the functions in the left filter         (1) ...

Posted by sanu on Sun, 10 Oct 2021 03:19:16 -0700

Step on pit mark 18 vue component folding v-show | depth merge object | El checkbox group size setting is invalid | El form element height and vertical spacing are not uniform

2021.9.1 Pit 57 (component folding): simple folding to the left without animation. The effect is to click the long bar with arrow (added background color for easy viewing) to change the folding state. The idea is that the outer package flex is automatically arranged from left to right, use v-show to control the display of inner elements, and u ...

Posted by mudasir on Wed, 01 Sep 2021 14:36:59 -0700