Vue プロジェクト @change 複数のパラメータを使用して複数のイベントを渡す

Vue プロジェクト @change 複数のパラメータを使用して複数のイベントを渡す

まず、変更イベントは 1 つだけです。

 changelevel() //値を選択

選択を変更して行の値を変更したい場合

複数のイベントは

このとき、changelevel()が実行されていないことがわかったので、()を追加するとどうなるでしょうか。

 changelevel(val){ console.log(val) => //未定義}

パラメータが渡されず、出力が未定義であることを示します。

では、その値を誰に渡せばいいのでしょうか?

$eventを渡して再度出力し、選択された値を取得します。

追加: element-ui @change はカスタムパラメータを追加します

element-ui の変更イベントのデフォルトパラメータは値です。たとえば、ドロップダウンボックスの変更イベントのデフォルトパラメータは選択された値です。ただし、実際のプロジェクトでは、通常、複数のパラメータを渡す必要があります。2 つのパラメータを直接追加すると、取得できない場合があります。この場合、パラメータ内のデフォルトパラメータ名を $event に置き換える必要があります。

//最初のパラメータはデフォルト値パラメータで、2番目は渡したいパラメータです

@change='selectChange($event,scope.row)'

または、2 番目の方法を使用します。

 @change='(val)=>selectChange(値、スコープ行)'

上記は私の個人的な経験です。参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。間違いや不備な点がありましたら、遠慮なくご指摘ください。

以下もご興味があるかもしれません:
  • element-uiでは、選択コンポーネントのバインディング値が変更され、変更イベントメソッドがトリガーされます。
  • vue elementUI が el-select を使用するときに変更イベントがトリガーされる問題を解決する
  • Vue 選択変更イベントでカスタムパラメータを渡す方法

<<:  Mysql5.7 サービスを開始できません。グラフィカル ソリューション チュートリアル

>>:  Nginx で WordPress 擬似静的を設定する方法の例

推薦する

Mysql 文字列の傍受と指定された文字列内のデータの取得

序文: 正規表現のインターセプションに似た、MySql フィールドの文字列から特定の文字を抽出すると...

Mysqlデータテーブルでワームレプリケーションを使用する方法

簡単に言えば、MySQL ワーム レプリケーションは、クエリされたデータを指定されたデータ テーブル...

echarts と vue.js を統合する際に発生するいくつかの問題の概要

序文現在、私は Beetlex のデータ分析プラットフォームに取り組んでいます。この製品の開発では、...

HTML 要素の高さ、offsetHeight、clientHeight、scrollTop などの詳細な説明。

要素に関するいくつかの属性フロントエンドの日常的な開発では、一部のページのプロパティを取得または監視...

自動ロック画面機能を実現するjs

1. 使用シナリオこのような要件があるため、システムが開発されました。ユーザーがデスクトップを離れ...

Node.js での組み込みモジュールとカスタムモジュールの実装

1. コモンズCommonjsはNode.jsのカスタムモジュールですCommonjs 仕様は、Ja...

Centos7 構成 fastdfs および nginx 分散ファイル ストレージ システムの実装プロセス分析

1. libfastcommon-1.0.43 をインストールします。インストール パッケージは h...

Windows Server 2016 リモート デスクトップ サービスを展開するためのクイック スタート ガイド

現在、2016サーバーは、win2008や2012よりも優れたマルチサイトhttpsサービスをサポー...

MySQLデータベースでの値の追加、変更、削除、クリアの例

3. MySQLデータ管理最初の方法:お勧めできません。複雑そうです -- 学生テーブルの grad...

Vue の親子コンポーネントの値転送と一方向データフローの問題の詳細な説明

目次序文1. 親コンポーネントが子コンポーネントに値を渡す2. サブコンポーネントのprops型制約...

Ubuntu で nginx を使用して WebDAV ファイル サーバーを構築する詳細なプロセス

nginxをインストールするnginx-fullをインストールする必要があることに注意してください。...

Linux で Hadoop クラスターをインストールするための詳細な手順

目次1. usrディレクトリにHadoopディレクトリを作成し、インストールパッケージをそのディレク...

Dockerの動作モードと原理の詳細な説明

次の図に示すように: 仮想マシンと Docker を使用するとき、「なぜ Docker は VM よ...

トランザクションとロックを表示するための MySQL の一般的なステートメント

データベース内のトランザクションとロックを表示するための一般的なステートメントトランザクションの待機...

Linux で実行可能ファイルを実行するときに「そのようなファイルまたはディレクトリはありません」というプロンプトが表示される場合の解決策

最近、Linux オペレーティング システムを使用して実行可能ファイルを実行していたところ、「そのよ...