title: How can i router-link to child components by name Vue.js
body: <p>How can i router-link to child components by name</p>
  <p>My router</p>
  <pre class="lang-js prettyprint-override"><code>  {
      path: '/guild/:guildId',
      name: 'Guild',
      component: Guild,
      children: [
        {
          path: 'overview',
          name: 'Guild.OverView',
          component: Index
        }
      ]
    }
  </code></pre>
  <pre><code>&lt;router-link :to=&quot;{name: 'Guild.OverView', params: {guildId: guildId} }&quot;&gt;Overview&lt;/router-link&gt;
  </code></pre>
  <p>it's worked but, if link in the nest, the link will nested each click</p>
  <p>like bellow</p>
  <pre><code>http://localhost/guild/0/
  http://localhost/guild/0/overview
  http://localhost/guild/0/overview/overview
  http://localhost/guild/0/overview/overview/overview
  </code></pre>
  <p>i want:</p>
  <pre><code>http://localhost/guild/0/
  http://localhost/guild/0/overview
  http://localhost/guild/0/overview
  http://localhost/guild/0/overview
  </code></pre>
  <p>sorry for my bad english</p>
  <p>Please could someone help me?</p>
  <p>I'm making a sidebar that will be displayed in the child route
  <a href="https://i.stack.imgur.com/B5jX0.png" rel="nofollow noreferrer">screenshot</a></p>