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 インデックスの正しい使い方とインデックスの原理の詳細な説明

1. はじめになぜインデックスが必要なのでしょうか?一般的なアプリケーション システムでは、読み取り...

MySql のインデックス、ロック、トランザクションの知識ポイントのまとめ

この記事では、MySql のインデックス、ロック、トランザクションに関する知識のポイントをまとめてい...

Vueタイムラインコンポーネントの使い方

この記事の例では、参考までにvueタイムラインコンポーネントの具体的な実装コードを共有しています。具...

間違った MySQL コマンドをキャンセルしたい場合はどうすればいいですか?

間違った mysql コマンドを入力したのでキャンセルしたいです。どうすればいいですか? ctrl ...

CSS3 マウスホバー遷移ズーム効果

以下は、純粋な CSS で記述された画像マウスホバーズーム効果です。実際、基本原理は非常に単純です。...

CSSはボックスコンテナ(div)の高さを常に100%に設定します。

序文ブラウザをどのようにズームしても、ボックス コンテナーの高さを常に 100% に保つ必要がある場...

JSデータ型検出のさまざまな方法の概要

目次背景データ型を決定する方法は何ですか? 1. typeof を使用して基本データ型を決定します。...

Docker ベースの Selenium 分散環境の構築

1.画像をダウンロードするdocker pull selenium/hub docker pull ...

JSは文字列内の指定された文字列のn番目の出現位置を取得します

文字の位置を取得するための同様の方法について学習します。 charAt() 文字列内の指定された位置...

React Nativeプロジェクトフレームワークの構築経験

React Native は、2015 年 4 月に Facebook によってオープンソース化され...

MySQLが中国語の文字を挿入する問題を永久に解決するコツを教えます

目次序文最初のステップ:ステップ2: このmy.iniを変更する要約する序文問題の説明:不正な文字列...

Vueプロジェクトでvuexを使用する方法

目次Vuex とは何ですか? Vuex 使用サイクル図私のストアディレクトリvuexの例の実装要約す...

Linux システムでの virtuoso データベースの詳細なインストールと使用

最近、リンク データについていくつか調査していて、rdf データベースを使用する必要があったため、v...

Linux ユーザーとグループのコマンド例分析 [切り替え、ユーザーの追加、権限制御など]

この記事では、Linux のユーザーおよびグループのコマンドについて例を挙げて説明します。ご参考まで...

ネイティブ JS オブジェクト指向タイピング ゲーム

この記事では、JSオブジェクト指向タイピングゲームの具体的なコードを参考までに紹介します。具体的な内...