AT-UI / at-ui

A fresh and flat UI-Kit specially for desktop application, made with ♥ by Vue.js 2.0 (DEPRECATED)
https://at.aotu.io
MIT License
2.34k stars 230 forks source link

[Request] Need guide using menu with vue-router #26

Closed ChangJoo-Park closed 6 years ago

ChangJoo-Park commented 7 years ago

Hello,

In Breadcrumb docs, It tells how to integrate with vue-router. But Menu will use more. How do I use vue-router with menu component?

koppthe commented 7 years ago

I haven't integrated vue-router into the menu component yet. I'll add the feature recently. Thanks for your feedback.😃

ChangJoo-Park commented 7 years ago

Thank you for reply :) currently I using on-select for router push with parameter(activeName). It works well but It can't change active class

eldadts commented 7 years ago

@ChangJoo-Park can you show your on-select code - I'm trying to use it and I cannot get it to work. no example in the docs either....

ChangJoo-Park commented 7 years ago

Yes I will :)

ChangJoo-Park commented 7 years ago

@xtrimf here you are. It is repo for explain. https://github.com/ChangJoo-Park/at-ui-navigation-menu-example

Add @on-select event https://github.com/ChangJoo-Park/at-ui-navigation-menu-example/blob/master/src/App.vue#L3

Handle Routes https://github.com/ChangJoo-Park/at-ui-navigation-menu-example/blob/master/src/App.vue#L16

eldadts commented 7 years ago

tnx @ChangJoo-Park ! But what if I don't want to use the menu items as links? but rather as "buttons" - each one triggers a different script? I saw in your example that the on-select is per at-menu and I need per at-menu-item

any Idea if that's possible?

koppthe commented 7 years ago

@ChangJoo-Park @xtrimf Sorry man, i'm obsessed with my job recently. No time to deal with this issues. I had integrated vue-router into the menu component. It just hasn't been released yet.

I'll release it as soon as possible. Thanks :)

koppthe commented 6 years ago

47

ChangJoo-Park commented 6 years ago

Thank you @koppthe