Comments (2)
I'd struggled sometimes with that, then I used any way.
Why the theme doesn't use router-link?
Let's say that you have an article with an internal link, like a link to about page for example. you have two options.
- Use but then the 'to' attribute will hold the whole URL not just the route and it will fail.
- use tag and it will reload the entire page so the app isn't SPA anymore!
This theme solves the problem using internal link deligation which is explained in detail in the readme, yet I find confusing & especially for the "active" class.
Another solution
Using this method could be helpful, you will need to pass any URL of this type to that method first
function routeFromLink(url){
const siteUrl = this.$store.state.site.url
if(url.includes(siteUrl)) return url.replace(siteUrl, '')
else return '/'
}
Then in the navbar:
<route-link v-for="item in menu" :to="routeFromLink(item.url)">{{ item.content }}</route-link>
from vue-wordpress.
Thank you, that's a clever way to solve that. Also thank you for explaining further reason, I didn't think about the internal links. Hope someone will find this helpful!
from vue-wordpress.
Related Issues (20)
- Issue using polylang and vue-js HOT 18
- Use Wordpress shortcodes in a component
- Custom post type routing HOT 13
- Yoast SEO title HOT 1
- Theme is not compatible with plugin HOT 2
- Newbie trying to make sense of it. HOT 3
- Widgets HOT 1
- Initialize project HOT 2
- Use Contact Form 7?
- Image problem
- Which version of nodejs do you use?
- theme support HOT 3
- Any image lightbox/modal/gallery supported?
- localhost:8080 list files HOT 1
- Error
- Error
- Woocommerce routing HOT 3
- Need latest update HOT 3
- Problems with sass HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-wordpress.