assignment_late
為什麼捐款
travel_explore
API 瀏覽器
小工具
Vue 組件
Ajax 載入指示條
頭像
徽章
橫幅
工具列
麵包屑
卡片
輪播
聊天訊息
晶片
圓形進度條
色彩選擇器
對話框
編輯器 - WYSIWYG
擴展項目
浮動操作按鈕
圖示
圖片
無限滾動
內部載入中
交叉觀察器
旋鈕
線性進度條
列表 & 列表項目
標記表格
選單
No SSR
分頁器(Pagination)
視差滾動(Parallax)
彈出式編輯(Popup Edit)
彈出式代理(Popup Proxy)
下拉刷新(Pull to refresh)
評分(Rating)
響應式(Responsive)
滾動區域(Scroll Area)
分隔線(Separator)
骨架屏(Skeleton)
滑動項目(Slide Item)
滑動過渡(Slide Transition)
間隔(Space)
旋轉器(Spinners)
分割器(Splitter)
步驟器(Stepper)
表格(Table)
標籤頁(Tabs)
標籤頁面板(Tab Panels)
時間軸(Timeline)
工具列(Toolbar)
工具提示(Tooltip)
樹狀結構(Tree)
上傳器(Uploader)
影片(Video)
虛擬滾動(Virtual Scroll)
developer_mode
Vue 組合式函式(Vue Composables)
security
安全性(Security)
build
Quasar CLI (搭配 Vite)
升級指南(Upgrade guide)
新!
quasar.config 檔案(The quasar.config file)
將專案轉換為搭配 Vite 的 CLI(Convert project to CLI with Vite)
瀏覽器相容性(Browser Compatibility)
支援 TypeScript(Supporting TypeScript)
目錄結構(Directory Structure)
命令列表(Commands List)
CSS 預處理器(CSS Preprocessors)
路由(Routing)
延遲載入 - 程式碼分割(Lazy Loading - Code Splitting)
處理資源(Handling Assets)
啟動檔案(Boot Files)
預取功能(Prefetch Feature)
API 代理(API Proxying)
處理 Vite(Handling Vite)
處理 process.env(Handling process.env)
使用 Pinia 進行狀態管理(State Management with Pinia)
使用 Vuex 進行狀態管理(State Management with Vuex)
Linter
測試與稽核(Testing & Auditing)
SSR 模式(SSR mode)
簡介(Introduction)
編寫通用程式碼(Writing Universal Code)
升級指南(Upgrade guide)
準備(Preparation)
設定 SSR(Configuring SSR)
ssrContext
SSR 中介層(SSR Middleware)
SSR 網頁伺服器(SSR Webserver)
Vue SSR 指令(Vue SSR Directives)
SSR 的應用程式圖示(App Icons for SSR)
SSR 的 SEO(SEO for SSR)
客戶端注水(Client Side Hydration)
處理 404 和 500 錯誤(Handling 404 and 500 Errors)
搭配 PWA 的 SSR(SSR with PWA)
SSR 常見問題(SSR FAQ)
建置命令(Build Commands)
搭配 Typescript 的 SSR(SSR with Typescript)
部署(Deploying)
開發行動應用程式
Ajax 請求
開放開發伺服器給大眾
新增筆記
App Extensions
“Morph” 是一個 Quasar 指令,提供在兩種狀態之間變形 DOM 元素的能力。
底層使用 Quasar 形變函數工具。
載入 Morph API 中...
用法
建議先閱讀形變函數工具,以利於您理解此指令的運作方式。
此指令將群組中的一個元素變形為另一個元素。變形是透過更改指令的值 (model) 以匹配變形元素的名稱來啟動。
警告
- “name” 和 “group” (作為指令參數或透過指令的值) 是強制性的。
- 如果指令的值是物件形式,則 “model” 也是強制性的。
在群組中多個元素之間變形
將按鈕變形為卡片
準備好瞭解更多了嗎?
發現錯誤了嗎?在瀏覽器中編輯此頁面
1. 介紹
2. Morph API
3. 用法
版權 © 2015-至今 PULSARDEV SRL, Razvan Stoenescu
本網站與 Dreamonkey Srl 合作設計。