Code Monkey home page Code Monkey logo

Comments (7)

mmikhan avatar mmikhan commented on May 9, 2024 1

@SimulatedGREG if I remove the following redirect routes or place the following redirect routes below all the new routes, then new routes works:

{
    path: '*',
    redirect: '/'
}

Didn't understand why this redirect routes in the routes.js file exists then if it redirects all the URLs to the /.

In the past, I was adding the <router-link/> to the src/components/Links.vue file. Adding the <router-link/> now adding to the App.vue fixed it. Even now adding the <router-link/> to the Links.vue still works 🤒

from electron-vue.

SimulatedGREG avatar SimulatedGREG commented on May 9, 2024

Are you using Vue 2.x?

Update: If you are, make sure to take a look at the docs for vue-router as there is a new <router-link/> directive for navigating to different routes.

from electron-vue.

mmikhan avatar mmikhan commented on May 9, 2024

I am using Vue v2.0.3. In addition, I already tried with the new <router-link/>, no luck :/ Have you tested this on your end?

from electron-vue.

SimulatedGREG avatar SimulatedGREG commented on May 9, 2024

@mazedulislamkhan

Just tried with a fresh scaffold of electron-vue using defaults and was able to create another route and use <router-link/> to navigate to it.

App.vue

<!-- ... -->
<template>
  <div>
    <router-view></router-view>
    <router-link to="langing-page">go-home</router-link>
    <router-link to="another-route">go-another-route</router-link>
  </div>
</template>
<!-- ... -->

routes.js

//...
{
  path: '/another-route',
  name: 'another-route',
  component: require('components/AnotherRouteView')
}
//...

components/AnotherRouteView.vue

<template>
  <div>this is another route</div>
</template>

If you have your project up on a repo and you'd like me to take a look, feel free to post a link.

from electron-vue.

SimulatedGREG avatar SimulatedGREG commented on May 9, 2024

I believe this may be related to nesting routes as your first attempt put the <router-link/> inside Links.vue which is also nested within the langing-page view. Then modifying the redirect route made it work in this case. Glad you got this sorted out. ☺️

from electron-vue.

wahengchang avatar wahengchang commented on May 9, 2024

same error, @iamazik , do u have a sample repo that I can refer ?

from electron-vue.

mmikhan avatar mmikhan commented on May 9, 2024

Unfortunately, I don't @wahengchang

from electron-vue.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.