グローバルフィルター ここをクリックグローバルフィルター 使い方はグローバルフィルタと同じですが、定義が異なります グローバルフィルターは script 内でVue.filter を通じて定義されます。プライベートフィルタの定義方法: <スクリプト> vm = new Vue({ el:'#app', データ:{ }, フィルター: { // このインスタンスのプライベートフィルター} }) </スクリプト> vm インスタンスには、 data と同じレベルのfilters があり、現在のインスタンスのプライベート フィルターを定義するために使用されます。<div id="アプリ"> <p>{{mes | 追加Str}}</p> </div> <script src="./js/vue.js"></script> <スクリプト> vm = new Vue({ el:'#app', データ:{ mes: 「私は悲観的な人間です。そして悲観的な人間は悲観的なことをします」 }, フィルター: { // 現在のインスタンスのプライベートフィルター addStr(data,str="happy"){ 戻り値 data.replace(/pessimistic/g,str) } } }) </スクリプト> 出力は次のようになります。 ![]() ページに 2 番目のインスタンス vm2 がある場合、 vm 内のフィルターは呼び出すことができません。ページにグローバルフィルターとプライベートフィルターがある場合、それらを同時に呼び出すことができます。 <div id="アプリ"> <p>{{mes | setStr | addStr}}</p> </div> <script src="./js/vue.js"></script> <スクリプト> Vue.filter('setStr',function(data){ データを返す+'私はグローバルフィルターです' }) vm = new Vue({ el:'#app', データ:{ mes: 「私は悲観的な人間です。そして悲観的な人間は悲観的なことをします」 }, フィルター: { // 現在のインスタンスのプライベートフィルター addStr(data,str="happy"){ 戻り値 data.replace(/pessimistic/g,str) } } }) </スクリプト> 出力: ![]() 要約: 呼び出しの際には、グローバルを前に、プライベートを後ろに呼び出します しかし、出力結果ではプライベートフィルタが最初に処理される。 したがって、グローバル フィルターとプライベート フィルターを同時に呼び出す場合、呼び出しルールでは、近い方のフィルターが最初に出力されます。 最初はプライベート、次にグローバル これで、vue のプライベート フィルターの定義と基本的な使用法に関するこの記事は終了です。より関連性の高い vue のプライベート フィルターの定義については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: CSS3 で高さと幅を不定にして垂直と水平に中央揃えするいくつかの方法
>>: 枠線や境界線のない iframe を使用するための完全ガイド (実践経験のまとめ)
原因不明のMySqlサービス消失の解決策先ほど、MySQL-Front が突然 MySql を開けな...
MySQL では、ユーザーに付与された権限をどのように確認しますか? ユーザーに付与される権限は、グ...
使用シナリオ:プロジェクトのページでは、頻繁に変更されず、個別のカスタマイズも伴わない大量のデータを...
目次序文コードの実装アイデア 1アイデア2要約する参照ドキュメント序文プロジェクト内の小さな要件ポイ...
1. はじめに最近、私は友人が JSON 配列を追加、削除、変更するための簡単なページを作成するのを...
MIME タイプとは何ですか? 1. まず、ブラウザがコンテンツを処理する方法を理解する必要がありま...
今日は、企業の実際の本番環境でよく遭遇する、Nginx を新しいバージョンにアップグレードし、古いバ...
序文実際、Linux では、控えめな「!」が驚くほど多くの用途で使用されています。この記事では、「!...
随分前に「Patterns for Sign Up & Ramp Up」を読み終えました。今...
前面に書かれた多くの場合、現在のプロジェクトの状況とビジネスニーズに基づいて Nginx をインスト...
MySQL ストアド プロシージャ パラメータには、in、out、inout の 3 種類があります...
wget や curl ツールを使用して、Linux サーバーで大規模なネットワーク ファイルを直接...
恥ずかしながら、このようなよく使われるチェックボックスのスタイルを変更するために、Baidu で長い...
1. インデックス不足または無効なインデックスによるクエリの遅延数千万件のデータを含むテーブルで、イ...
導入MySQL には、SELECT ステートメントを分析し、開発者が最適化できるように SELECT...