Ability to use Vue Router router-link component in menus about naive-ui HOT 13 CLOSED

The demand does exist. The API should be designed carefully. I need to think it for some time.

from naive-ui.

this may take a while

That's part of why I suggested providing a nicer way of using <router-link> specifically 😉

from naive-ui.

ref https://www.naiveui.com/en-US/os-theme/components/menu#select

from naive-ui.

Would you consider updating the menus on the documentation site to use this? The current way of how it handles navigation means I can't middle-click the links to open them in new tabs, which is very frustrating.

from naive-ui.

I definitely appreciate the flexibility of this approach, but it would be nice to have a slightly nicer way of handling the common use case of a <router-link> with route props. This will end up being very verbose for longer menus.

from naive-ui.

Would you consider updating the menus on the documentation site to use this? The current way of how it handles navigation means I can't middle-click the links to open them in new tabs, which is very frustrating.

You can click

And a new tab will be opened.

from naive-ui.

I definitely appreciate the flexibility of this approach, but it would be nice to have a slightly nicer way of handling the common use case of a <router-link> with route props. This will end up being very verbose for longer menus.

I can understand your concern. I'm not going to add props directly relevent to router-link since it will make option verbose.

Instead I think it's possible to create a render-label prop for menu if you want to create a longer menu will duplicate logic.

from naive-ui.

I meant the main navigation links on the docs site:

I can't middle click these, nor can I see where they will take me by hovering over them. This is because they are not regular links.

from naive-ui.

I meant the main navigation links on the docs site:

I can't middle click these, nor can I see where they will take me by hovering over them. This is because they are not regular links.

I got it. I'll try and this may take a while.

from naive-ui.

I'll develop it

from naive-ui.

this may take a while

That's part of why I suggested providing a nicer way of using <router-link> specifically 😉

Done

from naive-ui.

👍 I think this was a great solution, thank you!

from naive-ui.

这可能需要一段时间

这就是为什么我建议提供一种更好的方法来专门使用😉<router-link>

做

Your solution solves my need. thank you

from naive-ui.