序文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 のダウンロードとインストールのチュートリアル
1. 呼び出しを実装するステップ:関数をオブジェクトのプロパティとして設定します。これを関数に割り当...
この記事では、React Native の基本をすでに理解していることを前提とし、ネイティブと Ja...
序文Intel のハイパースレッディング テクノロジーにより、1 つの物理コア上で 2 つのスレッド...
MySQL挿入時の8時間の時差の問題を解決する通常、jdbc の URL にはいくつかのパラメータを...
解決 関数 mergeImgs(リスト) { const imgDom = document.cre...
Docker は、安全で繰り返し可能な環境でソフトウェアを自動的にデプロイする方法を提供し、コンピュ...
コードサンプルヘッドタグにコード行を追加します: XML/HTML コードコンテンツをクリップボード...
CentOS7 のデフォルトのファイアウォールは iptables ではなく、firewalle で...
この記事では、ログイン認証コードを実装するためのvueの具体的なコードを例として紹介します。具体的な...
目次成果を達成する実装コード最近、会社でelementUIを使い始めたため、開発の過程でテーブルのセ...
序文実際のプロジェクトでは、最も一般的な処理は計算とループロジックである可能性があります。配列でre...
この問題に関して、オンライン リソースをたくさん見つけました。ここにいくつかの方法を示します。コード...
Tomcat は、Java Community Process を通じて Sun が開発した、広く使...
基本イメージが以前に構成されていて、これらのイメージが他の場所でも必要な場合はどうなりますか?回答:...
フォーマットはシンプルです: proxy_pass URL; URL には、送信プロトコル (htt...