FUI Guide
  • Tổng quan
    • Tại sao dùng FUI ?
  • Bắt đầu
    • Tạo một trang giao diện
  • Giao diện người dùng
    • Control
    • Bố cục trang
  • Data và khối lệnh
    • Data
    • Khối lệnh
    • Watch
  • Dự án và module
    • Dự án
    • Module
    • Gửi, nhận dữ liệu
    • Menu
    • Thêm mã nguồn
  • Các control chức năng
    • Vuetify 2 Control
    • FUI Control
      • f-button
      • f-table
    • Icons
  • Các hàm chức năng
    • Mở một cửa sổ
    • Chuyển tiếp trang (redirect)
    • Copy văn bản
Powered by GitBook
On this page
  • Giới thiệu
  • Sử dụng
  • Các thuộc tính
  1. Các control chức năng
  2. FUI Control

f-button

Giới thiệu

f-button là một component dùng để hiển thị button.

Sử dụng

{
    "el": "f-button",
    "attr": {
        "icon-text": "mdi-magnify",
        "label": "Button",
        "action": {
            "FUN": "openWindow",
            "IN": {
                "id": "`windowId",
                "title": "Tiêu đề cửa sổ",
                "width": 800,
                "height": 600,
                "url": "`https://example.com"
            }
        }
    }
}

Các thuộc tính

  • label (string): Nội dung của button.

  • action (object): Hành động khi click vào button. Để thực thi một khối lệnh bất kì.

PreviousFUI ControlNextf-table

Last updated 1 year ago

Vì kế thừa nên các thuộc tính của f-button cũng tương tự như của Vuetify. Tuy nhiên, f-button có thêm một số thuộc tính sau:

icon-text (string): Tên material icon hiển thị trên button. Tham khảo .

v-btn
Material Design Icon
s