Подменю не работает и стало только текстом

Question

У меня проблема с подменю, которое я использую из начальной загрузки. Это стало текстом, а не кнопкой, чтобы перейти на другую страницу, вот код, который я использую

Это последние vue и bootstrap 4, я пробовал некоторые уроки, но не работал

<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
        <div class="menu_section">
          <ul class="nav side-menu">
            <li><a><i class="fa fa-edit"></i> Penjualan <span class="fa fa-chevron-down"></span></a>
              <ul class="nav child_menu">
                <li><a>Pemesanan penjualan<span class="fa fa-chevron-down"></span></a>
                  <ul class="nav child_menu">
                    <li><router-link to="/pemesananPembelian">P.O Penjualan</router-link></li>
                    <li><router-link to="/konfirmasipemesananPenjualan">P.O Konfirmasi</router-link></li>
                    <li><router-link to="/dikirimpemesananPenjualan">P.O Dikirim</router-link></li>
                    <li><router-link to="/batalpemesananPenjualan">P.O Batal</router-link></li>
                  </ul>
                </li>

Я хочу создать подменю, чтобы перейти на другую страницу, но подменю не сработало и стало текстом enter code here

Answer 1

Ознакомьтесь с официальным документом: https://router.vuejs.org/api/#router-link

<router-link tag="li" to="/foo">
  <a>/foo</a>
</router-link>