vue が外部でメソッドを呼び出す方法

今回は、vue がメソッドを外部から呼び出す方法について説明します。実際のケースを見てみましょう。 1. まず public vue コンポーネントを定義します。 2.

event

current コンポーネントで、作成された $on を使用して public コンポーネントのeventHub に渡します。translate はカスタマイズされており、getCardNum(data) は外部から呼び出されるメソッドです。

var eventHub = new Vue();

3. 最後に、親コンポーネントで、負のコンポーネントを変数 var vm = new Vue({}); で保存する必要があることに注意してください。 4. 親コンポーネントのメソッドメソッドでメソッドを定義し、メソッド内で $emit を使用してパブリックコンポーネントでメソッドを受け取ります。 5. 最後に、vue コンポーネントの外部またはファイルの外部で getCardNum(data) 関数を呼び出すことができます。たとえば、HTML では次のように呼び出すことができます。 onclick = vm.getCardNum();コンポーネント

6. 親コンポーネントの

変数名

を必ずvm.getCardNum();として記述してください。 Vue を使用した開発の過程で、Vue コンポーネントのメソッドを呼び出す必要がある Java バックグラウンドのポップアップ ページに遭遇しましたが、バックグラウンドのポップアップ ページは Vue コンポーネントや他のページには存在しませんでした。このメソッドは親コンポーネント内でのみ呼び出すことができるので、長い間研究し、最終的にコンポーネント内の function() メソッドを最上位の親コンポーネントに渡し、ネガティブなものを保存することにしました。コンポーネントを変数に追加し、最後に他のページに直接追加します。メソッドを呼び出すとき、@click メソッドを使用して呼び出すことはできません。背景ページが vue コンポーネント内にないため、呼び出しは onclick です。 = vm.getCardNum(); このように呼び出すと、vm が親コンポーネントになります

この記事の事例を読んだ後は、メソッドを習得したと思います。さらに興味深い情報については、PHP 中国語に関する他の関連記事に注目してください。 Webサイト！ 推奨読書:

mint-ui時間プラグイン使用時の選択値の取得方法

vue+checkbox データバインディング、取得、計算の操作方法

以上がvue が外部でメソッドを呼び出す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。