BestHub
Sign in
Tag

Element-Plus

1 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jun 11, 2025 · Frontend Development

How to Build a Custom Vue3 Auto‑Scrolling Table Directive with Element‑Plus

This article explains how to create a custom Vue 3 directive for automatic scrolling of Element‑Plus tables, covering the underlying logic, handling mouse events, conditional scrolling, and integration steps with code examples, enabling developers to implement smooth list carousels without third‑party plugins.

Auto-ScrollDirectiveElement-Plus
0 likes · 8 min read
How to Build a Custom Vue3 Auto‑Scrolling Table Directive with Element‑Plus
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 8, 2025 · Frontend Development

Elegant Dialog Invocation in Vue: A Scalable Architecture for Configurable Pop‑ups

This article presents a scalable Vue architecture that separates generic dialog logic from component‑specific configuration panels, using dynamic creation with createApp and Element‑Plus dialogs to achieve high cohesion, low coupling, and easy maintenance for numerous low‑code components.

DialogDynamic ComponentElement-Plus
0 likes · 16 min read
Elegant Dialog Invocation in Vue: A Scalable Architecture for Configurable Pop‑ups
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 6, 2024 · Frontend Development

Troubleshooting Common Issues in Wujie Micro‑Frontend Integration (WangEditor, Vue‑Office, Element‑Plus, etc.)

This article documents several practical problems encountered when using the Wujie micro‑frontend framework—such as editor selection failures, PDF preview white screens, missing Element‑Plus styles, tooltip offsets, custom event loss, and global style pollution—and provides concrete reproduction steps and detailed solutions for each.

Element-PlusVueWangEditor
0 likes · 10 min read
Troubleshooting Common Issues in Wujie Micro‑Frontend Integration (WangEditor, Vue‑Office, Element‑Plus, etc.)
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 18, 2024 · Frontend Development

Implementing Page and Button Permission Control in Vue.js Using RBAC

This article explains how to build a Vue.js admin interface with role‑based access control, covering ACL vs. RBAC concepts, dynamic route generation, layout composition, Pinia state management, custom permission directives for page and button visibility, and alternative v‑if based checks.

Element-PlusPiniaRBAC
0 likes · 13 min read
Implementing Page and Button Permission Control in Vue.js Using RBAC
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 22, 2024 · Frontend Development

Understanding Virtual Scrolling in Frontend Development: Principles, Use Cases, and Implementation

This article explains the concept of virtual scrolling, why it is needed for performance in web pages, outlines two main implementation strategies, and provides detailed Vue‑based code examples—including Element‑Plus Infinite Scroll and a custom VirtualList class—to help developers apply the technique effectively.

Element-PlusInfinite ScrollPerformance Optimization
0 likes · 24 min read
Understanding Virtual Scrolling in Frontend Development: Principles, Use Cases, and Implementation
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jul 21, 2024 · Frontend Development

A Lightweight Vue 3 + Element‑plus Admin Dashboard Template: Setup, Configuration, and Usage

This article introduces a lightweight admin dashboard template built with Vue 3.4, Element‑plus, and Vite, detailing its project structure, technology stack, coding standards, configuration files, component integrations such as UnoCSS, mock.js, canvas, SVG and WangEditor, and provides step‑by‑step commands for development, linting, formatting, and production build.

Element-PlusMock.jsVue
0 likes · 15 min read
A Lightweight Vue 3 + Element‑plus Admin Dashboard Template: Setup, Configuration, and Usage
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 8, 2024 · Frontend Development

Encapsulating Forms and Tables in Vue 3 with Element‑Plus: Design and Implementation

This article demonstrates a comprehensive approach to building reusable form and table components in Vue 3 using Element‑Plus, covering the design rationale, code examples for services, dialogs, list pages, and utilities, and discusses the benefits for development efficiency, maintainability, and scalability.

Element-PlusVue3component
0 likes · 24 min read
Encapsulating Forms and Tables in Vue 3 with Element‑Plus: Design and Implementation
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 7, 2023 · Frontend Development

Understanding and Fixing the Reset Behavior Issue in Element‑Plus Form Component

This article analyzes why the reset button in an Element‑Plus form clears all fields instead of restoring the initial values, explains the underlying cause related to the onMounted lifecycle timing, and presents several practical solutions—including lifecycle adjustment, patch‑package, component extension, and repository forking—to reliably preserve initial form data in Vue projects.

Element-PlusPatchVue
0 likes · 7 min read
Understanding and Fixing the Reset Behavior Issue in Element‑Plus Form Component
Sohu Tech Products
Sohu Tech Products
Jan 18, 2023 · Frontend Development

ProTable Component Documentation and Usage Guide

This article provides a comprehensive guide to the ProTable Vue component, detailing its features, configuration options, hooks, code implementation, and usage examples, including table rendering, search forms, pagination, custom slots, and data handling for frontend development.

Element-PlusFrontend DevelopmentHooks
0 likes · 28 min read
ProTable Component Documentation and Usage Guide
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 4, 2022 · Frontend Development

Full-Stack Frontend Implementation of a Publishing Platform: Pagination, CRUD, and Vue‑Element‑Plus Integration

This tutorial walks through the front‑end portion of a publishing platform series, demonstrating how to build a Vue 3 and Element‑plus UI with TailwindCSS, implement server‑side pagination via Koa, integrate Axios with proxy and interceptors, and add complete CRUD operations—including create, edit, and delete dialogs—while showcasing the essential code snippets.

CRUDElement-PlusKoa
0 likes · 16 min read
Full-Stack Frontend Implementation of a Publishing Platform: Pagination, CRUD, and Vue‑Element‑Plus Integration