J'ai obtenu le code suivant dans la barre latérale. Lorsqu'un lien est cliqué, j'émets également un événement vers le composant racine, puis j'appelle une fonction pour masquer la barre latérale. Cela fonctionne bien, mais maintenant je veux que l'événement soit émis uniquement lorsque la largeur de l'écran est inférieure à 768 pixels afin que l'événement ne puisse être émis que lorsque je souhaite que la fonction soit appelée.

<div class="side-links">
      <ul>
        <li>
          <router-link @click="$emit('navLinkClicked')" :to="{ name: 'Home' }"
            >Home</router-link
          >
        </li>
        <li>
          <router-link @click="$emit('navLinkClicked')" :to="{ name: 'Blog' }"
            >Blog</router-link
          >
        </li>

        <li>
          <router-link @click="$emit('navLinkClicked')" :to="{ name: 'About' }"
            >About</router-link
          >
        </li>
      </ul>
    </div>