use router-links in NESTED menu?

[riddley]

You sent me this on reddit:

For custom router-link:

<v-selectmenu :data="list" type="regular" >
  <template #row="{ row }">
    <router-link :to="row.url" >{{row.name}}</router-link>
  </template>
</v-selectmenu>

But that doesn't seem to work if the menu is nested. Is it possible to use router-links for nested items?

[TerryZ]

What version of vuejs are you using? v-selectmenu required 2.6.0+, please check on this.

[riddley]

I'm not able to install version 2.6.0. Has it been released?

[TerryZ]

The vuejs last release is 2.6.11

[riddley]

Oh Sorry, I read that as the version for v-selectmenu. I am using Vue 2.6.11.

[TerryZ]

Try upload your code to somewhere, then i can see what happen.

[riddley]

https://codepen.io/riddley/pen/BaygyBE

[TerryZ]

First of all, your demo does not work, because miss a comma in line 117.

And i don't see any router-link in your demo.

[riddley]

I was able to get this working. Thanks for your help!