Skip to content
Advertisement

Tag: vue.js

Is it possible to use a python script in Vue.js?

I observe that I cannot instantiate a child process in Vue.js. Is there any way to execute a python script in Vue.js (2.x) ? Answer Vue is strictly a client-side framework, except when being used from Nuxt.js. If you’re not using Nuxt, you would need a server of some sort (whether Python or Node or something else), and that could

Populate using v-for loop in VueJS

I am new to VueJS and I just figure out how to populate Select Options box using v-for loop. Here is the list I have. This is our desired output. Answer Luckily for you, Vue can loop through the properties in an Object as described in v-for with an Object. I’ve also included a snippet below which should help you

Having difficulty adding a second route

So I’m new to VueJs so excuse any mistakes I make here. I have a simple front end application, which is meant to be two pages long. There’s an index route and a game route. The game route takes a path variable name that is meant to be displayed on the screen. I’ve added the route, imported the components but

dynamic transition name for ssr-nuxt page transition

I am trying to use a dynamic transition name for nuxt page transition like this belows this code will be mixined in all page components. But I got two bugs here: Cannot read property ‘transitionName’ of undefined the prevHeight attribute will not change when redirect to other pages I add a wather in it like this nothing will print in

Add class to element on hover in Vue, without using data

In a Vue-component, I have a menu like this: And I would like to add the class hovered to the li.has-children-elements upon hover (mouseenter) (to be able to make some nicer animations for the children of that dropdown. And remove that class on mouseleave. I know that there are options to do this with pure CSS, – but controlling delays

How to make Google Interaction

enter image description here I want to implement the interaction of the Google main page. However, it cannot be solved. How do I get it to work in my code or what do I search for? I am a newbie. Below is the code I implemented. https://jsbin.com/yuxojifuxe/edit?html,css,js,output Answer If you want drag-and-drop functionality, the best idea in your case would

Vue rendering elements before hiding them

I have a very simple site where I’m using the most basic Vue. When I load the site, it renders divs which are not supposed to show, for a fraction of a second, before hiding them. It makes the site look very unprofessional. Here is the site if you want to experience the glory of flashing divs: http://sqlforever.com/ Looking around

Advertisement