タイトルを書き換えます: 画面幅に基づいて Vue.js イベントを出力する

Question

サイドバーから次のコードを取得しました。リンクがクリックされると、ルート コンポーネントにイベントを発行し、サイドバーを非表示にする関数を呼び出します。これは正常に機能していますが、画面の幅が 768px 未満の場合にのみイベントが発行されるようにして、関数を呼び出したいときにのみイベントを発行できるようにします。

ああああ

Answer 1

window.innerWidth を使用して、現在のビューポートの幅を確認できます。ただし、グローバル スコープ変数は、スコープがコンポーネントに制限されているため、テンプレートでは使用できません。ハンドラー メソッドを作成できます: リーリー

または、幅がしきい値を下回るかどうかを定義する計算変数を作成します:

リーリー

個人的には、最初のオプションを選択するので、一度チェックするだけで済みます。

Vue 2 では、

kebab-case イベント名 を使用することも推奨されます。