序文WeChat アプレット開発 (ネイティブ wxml、wxcss) で、{{ }} 内で直接メソッドを呼び出してデータを処理したいのですが、エラーが報告されます。たとえば、プロジェクトでパーセンテージを計算する場合、js の浮動小数点演算によって精度の問題が発生し、小数点以下の桁数が多すぎる可能性があります。そのため、テンプレート構文で値を適切に処理する必要があります。 1. 使用<view>¥{{(money*0.03).toFixed(2)}} 手数料(利率 3%)</view> エラーが報告され、直接使用することも、js 内のメソッドを呼び出すこともできません。 2. 解決策js 内の関数は {{}} 内で呼び出すことができないので、どうすればよいでしょうか? WeChat は、WXML の {{}} で .wxs メソッドを呼び出すことができるミニプログラム用のスクリプト言語である WXS (WeiXin Script) という新しい概念を提案しました。 新しい.wxsファイルを作成します // es4構文をサポート var filter = { numberToFixed: 関数(値){ 戻り値.toFixed(2) } } // 外部に公開されたプロパティをエクスポート module.exports = { 固定数: filter.固定数 } .wxml 形式のファイルをインポートします。 <!-- .wxs ファイル src を相対パスとしてインポートし、module は現在のモジュールの名前を指定します --> <wxs モジュール="フィルター" src="./numberToFixed.wxs"></wxs> {{}} の .wxs モジュールのメソッドを呼び出します。 <view>手数料¥{{filter.numberToFixed(money*0.03)}}(手数料率3%)</view> 要約するVue からミニプログラムまで、ページを作成するときに最も感じる点は、Vue が以前は computed を使用して実装できた一部の処理やメソッドを {{}} で直接呼び出すことができるようになったことです。これにより、特定のデータを処理するのに非常に便利になります。 WeChat は、js のメソッドをミニプログラムで直接使用できないという欠点を補うために WXS をリリースしました {{}}。一方、それぞれが独自の機能を実行するミニプログラムのパフォーマンスも向上します。 WeChatミニプログラムが{{ }}で直接関数を使用する方法についてはこれで終わりです。WeChatミニプログラムが{{ }}で関数を使用する方法の詳細については、123WORDPRESS.COMで以前の記事を検索するか、次の関連記事を引き続き参照してください。今後も123WORDPRESS.COMを応援してください。 |
<<: Nginx がリクエストを処理する際のマッチングルールの詳細な分析
>>: MySQL 5.7.18 Green Edition のダウンロードとインストールのチュートリアル
複雑な表を作成するには HTML を使用します。複雑なテーブルでは通常、td の rowspan 属...
目次1. はじめに2. データベースをバックアップする3. オリジナルのMysqlをアンインストール...
序文今日、nginx で非常に奇妙な問題に遭遇しました。フロントエンドの tomcat がページにジ...
目次1 Java環境の設定2 tomcatのインストールと展開Tomcat をインストールして展開す...
CSS インポート方法 - インラインスタイルタグ属性を通じて、CSSのキーと値のペアがタグに直接書...
参考までにWeChatアプレットで書かれた簡単な計算機です。具体的な内容は次のとおりです。 jisa...
Linuxファイアウォールの状態を確認する方法1. 基本操作 # ファイアウォールのステータスを表示...
目次1. 最も単純な例2. 音声の速度とピッチをカスタマイズする3. 音量の調整方法4. よく使われ...
HTML POST リクエストで a タグを使用する 2 つの例を次に示します。 1. ajaxを使...
1. クリアフローティング法1前の親要素の高さを設定します。注: エンタープライズ開発では、可能であ...
HTML に <script> スクリプトを追加する方法: 1. HTMLにJavaSc...
目次1. はじめにII. 監視対象2.1 なぜオブジェクトを監視する必要があるのですか? 2.2 デ...
1. Dockerのホスト間通信Docker クロスホスト ネットワーク ソリューションには以下が含...
ハイパーリンクハイパーリンクは、Web サイト上のすべてのページがハイパーリンクで接続され、ページ間...
序文最近、Tomcat の起動プロセスを分析していました。Tomcat のソース コードはアイデア次...