最近、非表示にする必要がある金額を「***」として表示するなど、特定のフィールドを他のフォームに表示するための権限を設定する必要があるという要件に遭遇しました。 1.金額権限を取得する 2.フィルターを使用して条件を満たすフィールドをフィルタリングする 3.非表示のスタイルを戻す コードを見てみましょう: // 残りは、私がマークしたものを見てください。 //scope.row は現在の行を取得します <template slot-scope="scope"> <テンプレート v-if="item.formType == 'ラベル'"> <el-ボタン v-if="item.link!=未定義" タイプ="text" サイズ="small" @click="handleColumnClick(item.link,scope.row)"> //filter は通常フィルタリングには使用されません| //showLabelValue は書き出されません //メソッドの 1 つのパラメータに対応するフィルタには 2 つのパラメータがあります //最初のパラメータは前の列によって返される値です //N-1 番目のパラメータは渡す値です {{ scope.row | showLabelValue(item) | canViewAmount(canViewAmount,xtType,item) }} </el-button> <テンプレート v-else> {{ scope.row | showLabelValue(item) | canViewAmount(canViewAmount,xtType,item) }} </テンプレート> </テンプレート> </テンプレート> エクスポートデフォルト{ フィルター: //row は、scope.rowshowLabelValue(row,item) によって返されるデータです。 '値'を返す } //値、canView 権限、xtType のページ、アイテム リスト データ //showLabelValue が値を返す場合、対応する canViewAmount パラメータ値は 'value' です canViewAmount(値、canView、xtType、項目) { //条件が満たされると、「***」が表示されます(表示のみ)。データベースに保存される内容は元のリストのままです。if (!canView && xtType == 'salesOrder') { if (item.field == 'priceNoTax' || item.field == 'amountNoTax' || item.field == 'price' || item.field == 'amount') { 戻る '***' } } if (!canView && xtType == 'プロジェクト') { if (item.field == 'amount' || item.field == 'amountNoTax') { 戻る '***' } } 戻り値 } }, 要約するこの記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: jquery.form.js が IE でアクセスを拒否し、入力アップロード ボタンをアクティブにクリックする必要がある問題
>>: MySQL における IF()、IFNULL()、NULLIF()、および ISNULL() 関数の使用に関する詳細な説明
学習目標: parseInt() と Number() という 2 つの関数は、文字列をデータ型に変...
この記事では、シャトルボックス機能を実現するためのjQueryの具体的なコードを参考までに紹介します...
パスワードを忘れると困ります。Mac に MySQL をインストールするための初期パスワードを忘れて...
目次序文:結果: 1.重合効果: 2. 散布効果:具体的な実装手順: 1. プロジェクトにOpenL...
1.ページを XML タイプとして宣言しないでください。ページでは UTF-8 または UTF-16...
テーブル構造を編集するための MySQL の alter コマンドの使用。具体的な内容は以下のとおり...
この記事では、Jingdong虫眼鏡を模倣したJavaScriptの具体的なコードを参考までに共有し...
目次1. HTTPGET 2. HTTP POSTウェブソケット4. Egretのhttpとwebs...
先週末、兄弟プロジェクトはより良いサービスを提供するためにサーバーを拡張する準備をしていました。兄弟...
この記事の例では、リストのシームレスなスクロールを実現するためのvueの具体的なコードを参考までに共...
目次概要1. コンポジションAPI 1. ref と reactive の違いは何ですか? 2. 周...
手工芸デザインからグラフィックデザイン、そしてウェブデザインまで、デザインの原則は同じままですが、私...
目次1. 本来の定義2. JS操作、幅の変更を例に3. 効果: 幅が変更されました 1. 本来の定義...
この記事を読む前に、Linuxコマンド、特にcentos7.3環境でyumを使用してインストールされ...
テキスト入力でプレースホルダーを使用していますが、問題なく動作します。しかし、選択ボックスにはプレー...