The :active pseudo-class is not the same as adding a class to style the element. The :active CSS pseudo-class represents an element (such as a button) that is being activated by the user. When using a mouse, “activation” typically starts when the mouse button is pressed down and ends when it is released. What we … Read more
inside any component without having to first import them and then prepend this to the function name What you described is mixin. Vue.mixin({ methods: { capitalizeFirstLetter: str => str.charAt(0).toUpperCase() + str.slice(1); } }) This is a global mixin. with this ALL your components will have a capitalizeFirstLetter method, so you can call this.capitalizeFirstLetter(…) from component … Read more
this.$router.go() does exactly this; if no arguments are specified, the router navigates to current location, refreshing the page. note: current implementation of router and its history components don’t mark the param as optional, but IMVHO it’s either a bug or an omission on Evan You’s part, since the spec explicitly allows it. I’ve filed an … Read more
I think that you can do something like this: let routeData = this.$router.resolve({name: ‘routeName’, query: {data: “someData”}}); window.open(routeData.href, ‘_blank’); It worked for me.
Just adding a question mark ? will make it optional. { path: ‘/offers/:member?’, … }, It works for Vue Router 2.0 onward. Source: https://github.com/vuejs/vue-router/issues/235#issuecomment-245447122
Here is the example in docs: // with query, resulting in /register?plan=private router.push({ path: ‘register’, query: { plan: ‘private’ }}) Ref: https://router.vuejs.org/en/essentials/navigation.html As mentioned in those docs, router.replace works like router.push So, you seem to have it right in your sample code in question. But I think you may need to include either name or … Read more
Setup a watcher on the $route in your component like this: watch:{ $route (to, from){ this.show = false; } } This observes for route changes and when changed ,sets show to false
If you are using vue-router, you should use router.go(path) to navigate to any particular route. The router can be accessed from within a component using this.$router. Otherwise, window.location.href=”https://stackoverflow.com/questions/35664550/some url”; works fine for non single-page apps. EDIT: router.go() changed in VueJS 2.0. You can use $router.push({ name: “yourroutename”}) or just router.push(“yourroutename”) now to redirect. Documentation Note: … Read more
A simple and effective way to solve this, it’s by adding your external script into the vue mounted() of your component. I will illustrate you with the Google Recaptcha script: <template> …. your HTML </template> <script> export default { data: () => ({ ……data of your component }), mounted() { let recaptchaScript = document.createElement(‘script’) recaptchaScript.setAttribute(‘src’, … Read more
In Vue 3, you’d want to use createWebHistory for the history option. import { createRouter, createWebHashHistory } from ‘vue-router’ const router = createRouter({ history: createWebHashHistory(), // … }) In Vue 2, you’d want to set mode to ‘history’. const router = new VueRouter({ mode: ‘history’, // … }) Make sure your server is configured to … Read more