Building a Seamless Image Carousel in Vue
Concept and Infinite Loop Mechanics
The carousel must satisfy the following:
Arrows slide images left/right smoothly.
Indicators jump to any slide with matching highlight.
Hover pauses auto-play; mouse-leave resumes it.
Slides wrap infinitely without visible jumps.
To achieve the wrap-around affect we clone the last slide in front and the fir ...
Posted on Sun, 06 Sep 2026 16:01:28 +0000 by ibolui
WeChat Mini Program Select Dropdown Component
1. Source Code
https://github.com/imxiaoer/WeChatMiniSelect
2. Preview
Note: The screen recording quality is poor, so you might see ghosting artiafcts.
3. Component Code
3.1 select.wxml
<view class="select-box">
<view class="select-current" catchtap="toggleDropdown">
<text class="current- ...
Posted on Fri, 04 Sep 2026 16:40:21 +0000 by misty
Component-Based Programming in Vue 2
In component-based architecture, a module refers to a self-contained JavaScript unit—typically a file—that provides specific functionality. Modules help manage complexity in large codebases by isolating logic for reuse, simplifying maintenance, and improving execution efficiency. A component extends this concept to encapsulate not only JavaScri ...
Posted on Tue, 25 Aug 2026 16:07:17 +0000 by newdles
Creating Toast Components in Vue Using Vue.extend Pattern
Implementation Preview
Component Overview
Notification components of this type are typically invoked directly within JavaScript code, similar to this example:
this.$notification('Stop clicking, you have reached the end!')
How ever, most implementations found online utilize the component approach, requiring manual placement of component elemen ...
Posted on Sun, 09 Aug 2026 16:37:50 +0000 by rakennedy75
Vue3 Descriptions Component Implementation
Overview
The Descriptions component provides a structured way to display key-value pairs in a tabular format. It consists of two parts: the main Descriptions container and individual DescriptionsItem elements.
API Specifications
Descriptions Props
Property
Description
Type
Default
title
Title displayed at the top of the description list
...
Posted on Sun, 12 Jul 2026 16:36:35 +0000 by jurdygeorge
Building a Reusable Dialog Component in Vue.js
Vue’s component model makes it straightforward to encapsulate common UI patterns like modal dialogs. A well-designed dialog component accepts configuration through props, exposes slots for flexible content, and communicates state changes back to the parent using events. The implementation described here mimics the behavior of popular UI librari ...
Posted on Fri, 08 May 2026 11:30:49 +0000 by Jorn TK