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

推薦する

C++ を使用して MySQL に接続する方法

C++でMySQLに接続する際の参考情報です。具体的な内容は以下のとおりです。 MySQLCon ク...

Centos7 に Nginx 統合 Lua サンプル コードをインストール

序文私が使用しているパソコンはMacで、OSはmacOS Mojaveです。コンピュータに仮想マシン...

知っておくべき 18 の Web ユーザビリティの原則

世界最高のビジュアル デザイン スキルを持っていたとしても、訪問者がページ間やアイテム間を快適に移...

HTML テーブルに複雑なテーブル ヘッダーを実装するためのサンプル コード

複雑な表を作成するには HTML を使用します。複雑なテーブルでは通常、td の rowspan 属...

uniapp プロジェクトの最適化方法と提案

目次1. 複雑なページデータ領域をコンポーネントにカプセル化する2. 大きな画像の使用を避ける3. ...

js の getBoundingClientRect() メソッドの詳細な説明

1. getBoundingClientRect() 分析getBoundingClientRect...

JavaScriptはシンプルな計算機能を実装します

この記事では、参考までに、簡単な計算機を実装するためのJavaScriptの具体的なコードを紹介しま...

IOSデータベースアップグレードデータ移行の詳細な例

IOSデータベースアップグレードデータ移行の詳細な例まとめ:昔、データベースのバージョン アップグレ...

Node はあいまい検索用の検索ボックスを実装します

この記事の例では、検索ボックスでファジークエリを実装するためのNodeの具体的なコードを参考までに共...

Centos7.4 サーバーへの Apache のインストールとインストール プロセス中に発生した問題の解決策

この記事では、CentOS 7.4 サーバーに Apache をインストールする方法と、インストール...

選択ドロップダウンボックスの値をIDに渡してコードを実装する方法

完全なコードは次のとおりです。 HTMLコード:コードをコピーコードは次のとおりです。 <!-...

nginxのシンプル転送リクエストのサーバーとロケーション設定の詳しい説明

nginx のサーバーと場所の構成を簡単に整理してみましょう。たとえば、URL: www.mask_...

MySQLのバッファプールの詳細な説明

MySQL のデータはディスクに書き込む必要があることは誰もが知っています。ディスクの読み取りと書き...

Vueにおける混合継承の詳細な説明

目次混合継承の影響: 1. 継承Vue.extend メソッド​プロパティを拡張する2. ミックスイ...

HTML&CSS&JS 互換性ツリー (IE、Firefox、Chrome)

Web デザインにおけるツリーとは何ですか?簡単に言うと、リンクをクリックするとサブディレクトリが展...