ホームページ >WeChat アプレット >ミニプログラム開発 >wxsを使用して取得したデータをアプレット内で計算する方法

wxsを使用して取得したデータをアプレット内で計算する方法

angryTom
angryTom転載
2020-03-21 10:24:193735ブラウズ

この記事では、アプレット内で wxs 計算を使用して取得されたデータを紹介します。記述されたイベント関数は、wxs コードを通じて公開し、wxml で呼び出すことができます。

wxsを使用して取得したデータをアプレット内で計算する方法

#小さなプログラムが wxs を使用して取得したデータを計算する方法

取得したデータには、多くの場合、少しの計算が必要です。たとえば、2 つの数値を小数点以下 2 桁だけで除算します。

wxs はデータ処理によく使用されます。 WXS コードは、wxml ファイルのタグ内、または .wxs 接尾辞が付いたファイル内に書き込むことができます。ケース 1: このファイルでのみ使用されるモジュール定義を wxml に書き込む

ステップ、1 このモジュールを定義し、イベント処理関数を記述して公開します

var getEvery = function(totle,each) {   
 var eachPrice=(totle/each).toFixed(2);   
 return eachPrice; 
}  
module.exports.getEvery = getEvery;

(推奨学習:

小規模プログラム開発)

このコードは wxml ファイルに記述されており、各 .wxs ファイルとタグは個別のモジュールです。各モジュールには独自の独立したスコープがあります。つまり、モジュール内で定義された変数と関数はデフォルトではプライベートであり、他のモジュールからは見えません。モジュールが内部のプライベート変数と関数を外部に公開したい場合、それは module.exports を通じてのみ実現できます。


ステップ 2. wxml で使用: モジュール名.メソッド名 (パラメーター 1、パラメーター 2);

パラメーターは page.js にあります。 ##
{{m1.getEvery(goods.retailPriceJia,goods.childNum)}}

で十分です。

ケース 2: 参照ファイルの外部での wxs の定義は、ランタイムの基本ライブラリ バージョンに依存せず、小規模プログラムのすべてのバージョンで実行できます。ステップ 1 のバージョンについて心配する必要はありません。.wxs ファイルは WeChat 開発者ツールにあります。右クリックして .wxs ファイルを直接作成し、そのファイルに WXS スクリプトを直接書き込むことができます。

ステップ 2 単一のファイル定義で変数名と関数を公開できます。1 つ以上の

var filters = { 
 toFix: function (value) {   
     return value.toFixed(2)//此处2为保留两位小数  
  }
}
var filt = {  
    toFix: function (value) {    
    return value.toFixed(1)
        //此处1为保留1位小数  
    }
}
module.exports = { 
 toFix: filters.toFix,  toFixs: filt.toFix
}

.wxs ファイルは、他の .wxs ファイルまたは WXML のタグから参照できます。

ステップ 3. 他のページで

¥{{filt.toFixs(item.retailPriceJia)}}/个市场价:¥{{filt.toFixs(item.retailPrice)}}
を使用します。この効果は、小数点以下 2 桁を保持することによって実現されます。

PHP 中国語 Web サイト、多数の無料

jquery ビデオ チュートリアル

、オンライン学習へようこそ!

以上がwxsを使用して取得したデータをアプレット内で計算する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はzixun.jisuapp.cnで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。