場景：例如我們在平常開發中會遇到后端返回一些時間、日期、金額等需要我們進行格式化處理的數據，這時候我們就需要在計算屬性中寫方法到xml中進行使用

首先支付寶小程序到目前為止是還沒有計算屬性和監聽方法的，那么我們要是想實現上面的方法都需要用到SJS和import-sjs了

支付寶提供了import-sjs標簽那么具體如何使用

<import-sjs from="/utils/appUtil.sjs" name="appUtil" />

其中from標識路徑，name代表自定義名稱 這個名稱在后面使用的時候會用到，from這里需要注意的是一定要引入sjs

那么什么是sjs呢

SJS（safe/subset javascript）是小程序一套自定義腳本語言，可以在 AXML 中使用其構建頁面結構。
SJS 是 JavaScript 語言的子集，與 JavaScript 是不同的語言，其語法并不與 JavaScript 一致，請勿將其等同于 JavaScript。

注意：

• sjs 中只支持使用 import、export 管理模塊依賴。

• sjs 只能定義在 .sjs 文件中。然后在 axml 中使用 <import-sjs> 標簽引入。

• sjs 可以調用其他 sjs 文件中定義的函數。

• sjs 是 JavaScript 語言的子集，請勿將其等同于 JavaScript。

• sjs 的運行環境和其他 JavaScript 代碼是隔離的， sjs 中不能調用其他 JavaScript 文件中定義的函數，也不能調用小程序提供的 API。

• sjs 函數不能作為組件事件回調。

• sjs 不依賴于基礎庫版本，可以在所有版本小程序中運行。

sjs文件

const filterTime = (num) => {num = num.toString().split("."); // 分隔小數點var arr = num[0].split("").reverse(); // 轉換成字符數組并且倒序排列var res = [];for (var i = 0, len = arr.length; i < len; i++) {if (i % 3 === 0 && i !== 0) {res.push(","); // 添加分隔符}res.push(arr[i]);}res.reverse(); // 再次倒序成為正確的順序if (num[1]) { // 如果有小數的話添加小數部分res = res.join("").concat("." + num[1]);} else {res = res.join("");}return res; } export default {filterTime, }

我這里封裝了一個對金額進行千分位截取且保留兩位小數的方法，那么這里需要注意到export的時候一定要記得寫default 不然是無法引入的，那么接下來就看一下是如何在{{}}中使用的

axml

<view ><import-sjs from="/utils/appUtil.sjs" name="appUtil" /><view class="myQuat_logged"><view class="title">{{myQuotaData.title?myQuotaData.title:'休息休息'}}<view class="quota_explain" onTap="onShowTips"><image mode="scaleToFill" src="/static/images/home/quota_explain.png" /></view></view><view class="content"><view class="content_exter">{{myQuotaData.creditLimit ?appUtil.filterTime(myQuotaData.creditLimit ) :'200,000'}}</view></view><view class="subTitle"><view></view></view><view class="myquat_button"><button onTap="onShowTost" a:if="{{!buttonStatus}}">申請額度</button><button class="cancel-btn" a:else onTap="onPhone" open-type="getAuthorize" onGetAuthorize="onGetAuthorize" onError="onAuthError" scope='phoneNumber'>申請額度</button></view></view> </view>

通過這些你就可以像在在其他語言開發中一樣使用方法函數了

總結

以上是生活随笔為你收集整理的支付宝小程序如何在{{}}中使用函数方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。