Tag

modal

1 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 16, 2025 · Frontend Development

Creating a Universal Functional Modal Utility for Vue 3

This article demonstrates how to build a highly reusable, function‑based modal system in Vue 3 that supports lazy loading, prop passing, event binding, provide/inject data injection, custom slots, and method exposure, allowing developers to display any modal component with a single function call.

Functional ComponentSlotsTypeScript
0 likes · 13 min read
Creating a Universal Functional Modal Utility for Vue 3
php中文网 Courses
php中文网 Courses
Jun 15, 2023 · Frontend Development

Using Vue.js 3 Teleport to Build Modals, Notifications, and Dialogs

This article explains Vue.js 3's Teleport feature, covering its core concepts and providing step‑by‑step code examples for creating modals and notification components that render outside their original component hierarchy.

JavaScriptTeleportVue.js
0 likes · 6 min read
Using Vue.js 3 Teleport to Build Modals, Notifications, and Dialogs
php中文网 Courses
php中文网 Courses
Jun 7, 2023 · Frontend Development

Using Teleport in Vue.js 3: Concepts and Practical Examples

This article introduces Vue.js 3’s Teleport feature, explains its core concepts such as source, target and props, and provides complete code examples for creating modals and notification panels that are rendered outside the component hierarchy, highlighting the flexibility it brings to frontend development.

JavaScriptTeleportVue.js
0 likes · 9 min read
Using Teleport in Vue.js 3: Concepts and Practical Examples
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 14, 2022 · Mobile Development

Building a Structured Card View with Data Model, List, Navigation, and Modal Sheets in SwiftUI

This tutorial demonstrates how to create a reusable CardView component in SwiftUI, define a data model, populate a List with ForEach, add a NavigationStack with custom buttons, and implement modal sheet presentation and dismissal using state bindings and environment variables.

DataModelSwiftUIiOS
0 likes · 12 min read
Building a Structured Card View with Data Model, List, Navigation, and Modal Sheets in SwiftUI
We-Design
We-Design
Jun 30, 2021 · Frontend Development

Mastering PC Popup Design: Concepts, Types, and a 5‑Step Decision Framework

This article explores the concept and classification of pop‑up windows for PC interfaces, clarifies modal versus non‑modal distinctions, presents a five‑step decision‑making process, and offers practical design recommendations to improve user experience across various interaction scenarios.

UI/UXfrontend developmentmodal
0 likes · 12 min read
Mastering PC Popup Design: Concepts, Types, and a 5‑Step Decision Framework