Saya mendapat kod berikut daripada bar sisi. Apabila mana-mana pautan diklik, saya juga memancarkan acara ke komponen akar dan kemudian memanggil fungsi untuk menyembunyikan bar sisi. Ini berfungsi dengan baik, tetapi sekarang saya mahu acara dipancarkan hanya apabila lebar skrin kurang daripada 768px supaya acara hanya boleh dipancarkan apabila saya mahu fungsi dipanggil.

<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>