动态

详情 返回 返回

Joker 智能開發平台-組件方法 - 动态 详情

組件方法

本章着重介紹組件方法的創建與維護。

概述

除了在組件的生命週期函數中維護邏輯,平台還賦予開發人員創建組件方法的能力。通過將公共業務邏輯創建為組件內的方法,有助於更高效地維護組件。將這些方法對外公開後,還能實現從外部調用組件內部方法,這是實現高級複雜組件的關鍵操作流程。

如何創建/編輯方法

組件數據 面板的 邏輯事件 - 組件方法 處,能夠添加和維護組件方法。

在這裏插入圖片描述

打開方法創建面板後,平台要求填寫以下方法相關數據:

在這裏插入圖片描述

  • 方法名稱:需填寫方法的名稱,要求使用英文字母,且在當前組件內具有唯一性。
  • 備註/標題:可為方法起一個別名,以便快速瞭解該方法的用途與含義。
  • 註釋説明:在此配置方法的註釋,當使用該方法時,鼠標移入可展示更多關於此方法的介紹。
  • 是否公開:若配置為公開方法,便允許外部調用,詳細內容可參考後續小節。
  • 異步函數:若標記為異步函數,該方法將使用 async 修飾。平台在邏輯編排保存時,會自動判斷是否包含異步處理,並對異步函數的修復提供提示。當然,也可在此手動標記該方法的異步標識。
  • 參數聲明:在參數聲明區域可添加方法參數,參數聲明可參考:字段維護。
  • 返回類型:可在此定義當前方法的返回值類型。

如何使用方法

我們將從兩個角度去介紹如何使用組件方法:

內部使用

在頁面佈局中,可通過組件參數(表達式)的方式來使用組件方法。
在這裏插入圖片描述

在邏輯編排過程中,既能夠通過表達式(代碼)的方式調用內部方法,也可以藉助“內部方法調用”來實現對組件內部方法的調用:

  1. 在代碼表達式中:通過this.的方式進行調用。
    在這裏插入圖片描述
  2. 藉助“內部方法調用”節點:將“內部方法調用”節點拖至邏輯編排畫布中,通過下拉框選擇要調用的方法。此處會展示所有可調用的方法,其中就包含組件內部的方法。採用這種調用方式的優勢在於,能以可視化的形式,實現快速的方法調用,同時還提供了可視化的參數配置。
    在這裏插入圖片描述

外部調用

外部調用要求我們為組件配置ref(組件標識),詳細內容可參考組件佈局。下面我們來了解一下如何使用組件提供的公開發方法。

在這裏插入圖片描述

圖中展示的所有可調用方法均為組件內的公開方法,未公開的方法不會在此處顯示。

邏輯編排教程請查看:邏輯編排
user avatar tianmiaogongzuoshi_5ca47d59bef41 头像 kobe_fans_zxc 头像 aqiongbei 头像 leexiaohui1997 头像 huichangkudelingdai 头像 solvep 头像 zhulongxu 头像 it1042290135 头像 licin 头像 abc-x 头像 weishiledanhe 头像 gaozhipeng 头像
点赞 79 用户, 点赞了这篇动态!
点赞

Add a new 评论

Some HTML is okay.