DevExtreme Vue UI Input Controls

DevExpressUI 輸入控制項JavaScript

功能豐富的 Vue 輸入元件，適用於彈性且互動式的使用者介面。

  • 適用於表單與資料輸入的完整 Vue 輸入元件。
  • 支援文字、數值、日期、檔案與搜尋輸入。
  • 專為驗證、互動與複雜輸入情境而設計。
DevExpress logo

起價:

載入中...
包含在以下產品
DevExtreme Complete載入中
DevExpress DXperience載入中
DevExpress Universal載入中
DevExpress VCL Subscription +載入中
需要幫助選擇嗎？ 請查看 如何購買 和 規格
DevExtreme Vue UI Input Controls 產品圖片
DevExtreme Vue UI Input Controls 提供一組廣泛的元件，用於在 Vue 應用程式中收集、驗證與編輯使用者輸入。它涵蓋了常見與進階的輸入情境，從基本文字欄位到複雜的基於規則的篩選器，支援一致的行為、無障礙性，以及在以表單為主的使用者介面中的整合。

文字輸入元件

提供單行與多行文字輸入元件，用於輸入與編輯文字資料。它支援預留位置、驗證狀態、格式化與事件處理。

密碼輸入欄位

透過遮蔽字元與可選的顯示切換，實現安全的密碼輸入。它可與驗證邏輯整合，以支援身份驗證表單與敏感憑證輸入。

日期與時間選擇器

讓使用者可透過互動式選擇器或直接輸入來選取日期與時間。它支援格式化、本地化與限制條件，用於建立排程、篩選與資料輸入介面。

滑桿控制項

提供滑桿元件，以視覺化方式選取數值或範圍。它支援可設定的步進、限制與標籤，適用於需要直覺式數值調整的情境。

檔案上傳輸入

支援透過整合於 Vue 表單中的輸入控制項來選取與上傳檔案。它可處理檔案選取事件，以及大小、類型與上傳狀態管理的驗證。

搜尋輸入欄位

提供以搜尋為重點的輸入元件，專為查詢資料集或篩選內容而設計。它支援漸進式輸入處理，並可與資料驅動的檢視整合。

數值輸入與微調按鈕

透過遞增與遞減控制項，實現數值輸入。它支援精確度、格式化與驗證，適用於數量、測量值與設定值。

表單對話框與進階篩選器

提供用於結構化資料輸入對話框與基於規則篩選的元件。它支援使用可設定的輸入邏輯來建立登入表單、資料輸入與複雜條件編輯器。

產品相容性

請查看以下詳細資訊，以確保此產品在您的環境中受支援。

元件類型

  • JavaScript

JavaScript 平台

  • Vue.js