Questions tagged [vue.js]
Vue.js is an open-source JavaScript framework for building interactive web interfaces. It creates data-driven user interfaces with a simple and flexible API.
106 questions
4
votes
0
answers
70
views
Vue 2 to 3 upgrade: checkbox form field component
I have a checkbox form question component I made in Vue 2, and I'm migrating to Vue 3 so want to simplify it as much as possible and make sure I've taken advantage of all the new feature of Vue 3.
...
1
vote
2
answers
223
views
Virtual scroller Vue component
Problem
The scrolling looks smooth on Windows, but very laggy on Linux (Webkit webview and Webkit browsers).
Any thoughts on what could be optimized or what's obviously broken?
Demo playground:
https:/...
6
votes
1
answer
255
views
v-for loop generating list items that will get rearranged based on an associated value (ranking system)
A counter gets incremented by a custom value.
Each increment value gets stored with its refcount that tracks how many times it occurred.
An ordered list shows all increment values entered so far by ...
5
votes
2
answers
669
views
Display properties of a country, from online service
I'm currently learning Vue JS and I made a simple app that pulls information from API and displays facts about a country given a 2-letter country code. I'm looking for feedback on how to improve the ...
4
votes
1
answer
75
views
"Github contribution"-clone made with VueJs
I took a shoot at writing a Github contribution clone using Vuej, tippy.js and tailwindcss.
Githubs looks like this:
My working clone looks like this:
It is not an exact look-a-like but I'm getting ...
0
votes
1
answer
75
views
How to refactor switch statement with convoluted if chain within vuex module
So this is my scenario. In my Websocket Vuex module I'm dealing with all the data coming from the server. I can get different kinds of notifications from the server and according to the type of ...
1
vote
1
answer
322
views
Chaining backend calls from VueJS method using Axios
This is the first ever bit of front-end code I have ever written, I have tried to adapt the existing call that is there to the backend using axios, so I check on of the response object value using the ...
1
vote
1
answer
159
views
Show progress bar for different states
I have this working code which shows the progress bar based on different states ("not-started", "progressing" and "done"). Each state will have its own class.
I notice it ...
2
votes
2
answers
1k
views
Vue 3 audio player
I have been working on an audio player with Vue 3 and the Napster API.
...
0
votes
1
answer
107
views
Good approach to simple state management in vuejs for multiple instances [closed]
I am learning Vue.JS and I'm creating a simple todo app, where each list has a unique id. I am iterating through all of the list to create a Vue instance:
...
2
votes
0
answers
56
views
Keyboard Tester Web Application in Vue 3 + TypeScript
I'm working on keyboard testing web application. As a mechanical keyboard enthusiast, I need to test that all the keys on my keyboard work whenever I build one, or change the firmware for one. ...
1
vote
1
answer
854
views
Which of these two Vuetify Navigation Drawer prevent prop mutation workarounds seem better?
I am very new to Vue.js, I just stumbled on a very hard thing to do (at least for me) where Vue was complaining about mutating a prop (children shouldn't change parent props apparently). I was about ...
6
votes
1
answer
121
views
Improving product configurator "algoritm"
I have created a product configurator in VueJS and the whole functionality of it runs on one single function. I've put the word algoritm in the title in quotes because I don't really know if it is ...
2
votes
1
answer
347
views
To-do app front-end in Vue 3
I have put together a To-do Application with the Slim framework on the back-end (API) and a Vue 3 front-end. I added a demo on my YouTube channel.
In the main App.vue file I have:
...
1
vote
1
answer
202
views
Vue.js todo app
I am working on a small to-do app with Vue (v 2.x.x). I list 5 todos from jsonplaceholder initially.
I can add more todos, delete them or mark them as done.
...
3
votes
1
answer
994
views
Smooth sidebar toggle animation with vuejs and tailwind
I'm making a slide sidebar with vuejs and tailwind. It works but feels kind of sluggish. Is there a way to make it smoother ?
working example: https://codepen.io/tuturu1014/pen/oNzRXeW
...
2
votes
0
answers
404
views
Vue 3 composition API typescript using ref in Object
Hi I using Vue 3 with Typescript. In my code I have variable:
...
5
votes
2
answers
149
views
Very basic Vue todo list viewer
Problem
I keep trying to use various todo lists. But I keep coming back to the same situation; not having an active todo list. This can come in two forms:
I don't have a habit to open bespoke ...
2
votes
2
answers
165
views
Structuring code logic for events on laravel controller
The code below will store a base64 image on another website and create an event to display the image on a Vue page in real time. It works fine and all.
My question is, is this a good way of doing it ...
5
votes
2
answers
1k
views
Implementing Laravel old data in Vuejs
Users input their pin-code which is checked against the database and returned with the locality, district and state associated with that pin-code. Multiple localities may be returned so the options ...
4
votes
1
answer
116
views
Client side authorization when retrieving from server
I have an endpoint to retrieve the user's authorization based on Joseph Silber's Bouncer.
I have a global can() function. It creates a unique key based on the ...
2
votes
1
answer
224
views
Using setInterval() to make data reactive
I have a video component passing data from an async GET request to a child component:
...
13
votes
5
answers
3k
views
Vue.js search functionality
In my BlogList.vue component I made a search input field:
...
2
votes
0
answers
28
views
Localization of multi style text element in Vue
After following up this question, I'm thinking if there's a better/shorter way to write this text element that has part with different style, while allowing localizations:
...
3
votes
0
answers
73
views
Progressive bar service in Vue
I am learning Vue after working for some time with Angular and I'd like to hear experienced programmers concerning the implementation of my Progressive Bar service (in Vue it's called Plugin).
The ...