[微信小程式]如何在模闆渲染中使用JS？

微信小程式無法像Vue一樣在模闆渲染裡面直接調用JS函數進行資料的處理。

在微信小程式中使用模闆渲染時，可能需要用JS對其進行處理。

<view class="price text-red text-lg">
  <!-- 價格保留兩位小數 -->
  ¥{{Math.floor((data.price * data.discount) * 100) / 100)}}
</view>
           

它不像Vue一樣，可以直接在模闆渲染裡面調用JS函數。是以，需要在外部建立一個

.wxs

檔案，實際上就是JavaScript檔案，然後導出函數。

/**
 * 保留兩位小數
 * 
 * @param decimal 小數
 */
var reserveDecimal = function (decimal) {
  return Math.floor(decimal * 100) / 100
}

module.exports.reserveDecimal = reserveDecimal
           

在wxml檔案中導入該wxs檔案

<!-- 引入wxs -->
<wxs src="../../utils/index.wxs" module="utils" />
           

之後就可以調用該函數對模闆渲染裡面的變量進行處理了

<view class="price text-red text-lg">
  <!-- 價格保留兩位小數 -->
  ¥{{utils.reserveDecimal(data.price * data.discount)}}
</view>