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 擬似静的を設定する方法の例

推薦する

Linux システムにおける時間設定の概要

1. 時間の種類は次のように分けられます。 1. ネットワーク時間(タイムゾーンの設定、ntpサーバ...

ランダム点呼 Web ページを実装するための JavaScript

JavaScriptは、参考のためにランダムな点呼Webページを作成します。具体的な内容は次のとお...

MySQLデータのバックアップ方法の選択と考え方

目次1. rsync、cpでファイルをコピーする2. xxxをoutfile構文に選択する3. 遅延...

MLSQL スタックでストリームのデバッグを簡単にする方法

序文クラスメートが MLSQL Stack のストリーミング サポートを調査しています。そこで、フロ...

ダッシュボードを実装するためのjQueryプラグイン

jQueryプラグインは、参考のためにダッシュボードを実装します。具体的な内容は次のとおりです。一般...

Element-UIの10の驚くべきトリックのまとめ

目次el-scrollbar スクロールバーel-uploadはクリックをシミュレートしますel-s...

一般的なイベントを処理するための JavaScript の使用に関する詳細な説明

目次1. フォームイベント2. マウスイベント3. キーボードイベント4. 共通イベントメソッド(ウ...

MySQL 8.0.18 安定版がリリースされました! 予想通りハッシュ結合が実装されました

MySQL 8.0.18 安定版 (GA) が昨日正式にリリースされ、Hash Join も期待通り...

あまり多くのコードを書かずに、ハイパーリンクを使ってシンプルで美しいカスタムチェックボックスを実装できます。

今日ふと、HTML でチェックボックスのスタイルを変更できる範囲が限られていることと、チェックボック...

Docker Swarm サービス オーケストレーション コマンドの詳細な説明

1. はじめにDocker には、タスクを構成する複数の Docker コンテナをオーケストレーショ...

ディスクを破壊せずに Linux で dd コマンドを使用する方法

故障したストレージ ドライブからデータを救出する場合でも、アーカイブをリモート ストレージにバックア...

MySQLトランザクションとSpring分離レベルの実装原理の詳細な説明

1. トランザクションはACID特性を持つ原子性: トランザクションは、トランザクションによって分割...

doctype のマークアップ検証

しかし最近、この方法を使用すると問題が発生することがわかりました。コードを参照してください。コードを...

MySQL 外部キー制約 (FOREIGN KEY) ケースの説明

MySQL 外部キー制約 (FOREIGN KEY) はテーブルの特別なフィールドであり、主キー制約...