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

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

angryTom
リリース: 2020-03-21 10:24:19
転載
3734 人が閲覧しました

この記事では、アプレット内で 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 までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート