Skip to main content
We’ve updated our Terms of Service. A new AI Addendum clarifies how Stack Overflow utilizes AI interactions.
Code Review

Questions tagged [vue.js]

Ask Question

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
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
4 votes
1 answer
2k views

In my data there can be different number of bars in each chart. Here is a picture: When pressing the button labeled change bars layout the view of the charts toggles between horizontal and vertical ...
Sᴀᴍ Onᴇᴌᴀ's user avatar
  • 29.6k
2 votes
1 answer
957 views

It's an exercise from a Vue.js course I'm enrolled into. The aim is to get comfortable with the Vue.js features Slots and Dynamic components. By clicking on the buttons one shall be able to change the ...
Peilonrayz's user avatar
  • 44.5k
4 votes
1 answer
75 views

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 ...
Sᴀᴍ Onᴇᴌᴀ's user avatar
  • 29.6k
4 votes
0 answers
70 views

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. ...
toolic's user avatar
  • 16.2k
2 votes
1 answer
164 views

I have a REST API using the Laravel framework and the front-end uses the Vue.js framework. It is a dashboard for an e-commerce store where you can connect to a post shipment service API to upload ...
Sᴀᴍ Onᴇᴌᴀ's user avatar
  • 29.6k
1 vote
1 answer
72 views

Starting out with VueJS, making a small fun project. The project is a simple static portfolio website, with a navigation bar at the top and a bootstrap scrollspy, jumping to the different sections (I ...
Sᴀᴍ Onᴇᴌᴀ's user avatar
  • 29.6k
12 votes
1 answer
526 views

A month ago I reviewed the code in Resizable split DIVs Vue.js, suggesting that the OP use computed properties and bound styles to simplify the code (at least reducing the need to use ...
Community's user avatar
  • 1
3 votes
2 answers
132 views

I have the following vue component which all works fine ...
Sᴀᴍ Onᴇᴌᴀ's user avatar
  • 29.6k
3 votes
1 answer
456 views

I have put together this small application which displays data from a JSON file known as "Users" in an HTML5 table. I use Bootstrap 3, Axios and Vue.js 2 for this purpose. Here is the code: ...
Sᴀᴍ Onᴇᴌᴀ's user avatar
  • 29.6k
1 vote
2 answers
223 views

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:/...
Sᴀᴍ Onᴇᴌᴀ's user avatar
  • 29.6k
4 votes
1 answer
116 views

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 ...
Sᴀᴍ Onᴇᴌᴀ's user avatar
  • 29.6k
2 votes
1 answer
72 views

Today, I tried to write a simple function that would display the characters of my string one by one by iterating over a string containing the letters of the alphabet and showing the steps on the ...
RoToRa's user avatar
  • 11.6k
12 votes
2 answers
635 views

Background After learning Kotlin for Advent of Code in December, I started looking into cross-compiling Kotlin for both the JVM and to JavaScript. Then I wrote a game server in Kotlin and also a ...
Sᴀᴍ Onᴇᴌᴀ's user avatar
  • 29.6k
6 votes
1 answer
254 views

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 ...
Toby Speight's user avatar
  • 88.4k
1 vote
1 answer
393 views

I have made a Movies App with Vue 3, TypeScript and The Movie Database (TMDB) API. For aesthetics, I rely on Bootstrap 5. In src\App.vue I have: ...
Awais Alwaisy's user avatar
  • 106
5 votes
2 answers
669 views

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 ...
RoToRa's user avatar
  • 11.6k
4 votes
2 answers
113 views

Below is a Vue app I wrote to draw a Sierpinski Triangle given n iterations, which can be incremented/decremented via a HTML ...
Blindman67's user avatar
  • 22.9k
1 vote
1 answer
322 views

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 ...
odaiwa's user avatar
  • 107
2 votes
2 answers
503 views

I made this pretty simple content loop-carousel component, but the code seems too "Iffy" but Im not sure how I could make it better. I tried to use the Switch expression, which makes it a ...
Sᴀᴍ Onᴇᴌᴀ's user avatar
  • 29.6k
4 votes
0 answers
187 views

I'm in a project that's currently using vue. I'm at the moment developing validations for the inputs and in a way to make them more flexible, my idea was to create an intermediate component "...
Sᴀᴍ Onᴇᴌᴀ's user avatar
  • 29.6k
5 votes
1 answer
4k views

I'm currently trying to teach myself Vue.js and I've just created my first small project: a simple todo list. While writing the component I discovered that you can't access methods from the parent ...
Community's user avatar
  • 1
0 votes
1 answer
75 views

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 ...
Dave Meehan's user avatar
  • 874
1 vote
1 answer
73 views

I am using Vue3 together with Collect.js. I have an object records that can have n number of items. On my website, I display ...
Simon Forsberg's user avatar
  • 59.8k
2 votes
1 answer
176 views

I have a working application, which fetches list of events (seminars) from rest API. Functionality is quite simple: display list of seminars with possibility to filter upcoming/occured/all. The ...
Community's user avatar
  • 1
-4 votes
1 answer
118 views

I made conditional calculator in Vue js but I need help to make it more efficient. https://jsfiddle.net/wbrx9cyp/1/ example of code: ...
Nat_Pat's user avatar
  • 36
1 vote
1 answer
159 views

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 ...
Sᴀᴍ Onᴇᴌᴀ's user avatar
  • 29.6k
4 votes
3 answers
177 views

I don't know exactly what to name this, but I was refactoring a code snippet and looking at this constant users I thought I'd do this destructuring: Before: ...
Bens Steves's user avatar
  • 301
1 vote
1 answer
291 views

I have put together this small application that uses the JSONPlaceholder API and Vue.js. The application crosses users and posts and displays the posts by user (author): ...
Sᴀᴍ Onᴇᴌᴀ's user avatar
  • 29.6k
2 votes
2 answers
1k views

I have been working on an audio player with Vue 3 and the Napster API. ...
Razvan Zamfir's user avatar
  • 623
3 votes
0 answers
73 views

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 ...
Sᴀᴍ Onᴇᴌᴀ's user avatar
  • 29.6k
0 votes
1 answer
107 views

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: ...
Peilonrayz's user avatar
  • 44.5k
2 votes
0 answers
56 views

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. ...
Sᴀᴍ Onᴇᴌᴀ's user avatar
  • 29.6k
1 vote
1 answer
854 views

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 ...
Community's user avatar
  • 1
-2 votes
1 answer
89 views

I have this watcher in my app.vue that makes sure the right theme attribute is set on the ...
Simon Forsberg's user avatar
  • 59.8k
2 votes
1 answer
347 views

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: ...
Community's user avatar
  • 1
1 vote
1 answer
81 views

A while ago I decided to start working on a project that will keep me busy for a while and will help me sharpen my programming skills. I do not underestimate the work behind apps like adobe xd, sketch....
mstarman's user avatar
  • 21
-1 votes
1 answer
28 views

Here is my example structure: . ├── App.jsx ├── index.js └── src └── components ├── Button.jsx └── Header └── Header.jsx Question: ...
Yoki Yu's user avatar
  • 25
6 votes
1 answer
120 views

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 ...
Community's user avatar
  • 1
13 votes
5 answers
3k views

In my BlogList.vue component I made a search input field: ...
Sᴀᴍ Onᴇᴌᴀ's user avatar
  • 29.6k
4 votes
2 answers
1k views

I have made this small checkout stepper with Vue (v 2.x.x): ...
Community's user avatar
  • 1
1 vote
1 answer
202 views

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. ...
Community's user avatar
  • 1
2 votes
1 answer
100 views

I'm iterating through a list to generate calendars, the issue is each generator function has the same this.addToCalendar() function. I'd like to know how I could ...
Sᴀᴍ Onᴇᴌᴀ's user avatar
  • 29.6k
3 votes
1 answer
994 views

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 ...
Boussadjra Brahim's user avatar
  • 111
5 votes
2 answers
149 views

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 ...
Sᴀᴍ Onᴇᴌᴀ's user avatar
  • 29.6k
2 votes
2 answers
232 views

I have created this simple currency convertor to learn VueJs more. Any code review/comment on coding standard and best practice for Vue? Thanks in advance. ...
Sᴀᴍ Onᴇᴌᴀ's user avatar
  • 29.6k
2 votes
0 answers
404 views

Hi I using Vue 3 with Typescript. In my code I have variable: ...
michal's user avatar
  • 121
3 votes
1 answer
207 views

I am creating a VueJS component of an audio player. I am having some difficulties in finding the ideal way to get the arrow keys and space bar to work. I have found a solution, however I think it is ...
Community's user avatar
  • 1
6 votes
1 answer
2k views

I want to recursively use a Vue component for each item in a multidimensional array, which is a list of topics. For example, Topic 1 can have subtopics 1.1, 1.1.1 and 1.1.2, but topic 2 might have no ...
greybeard's user avatar
  • 7,779
4 votes
1 answer
66 views

If the user/visitor has access to the API route, then the status code will 200, else 401. I know that I can user Vue navigation guards, but I will need to use Vuex. This way is much simpler and faster,...
Sumurai8's user avatar
  • 2,655
6 votes
1 answer
95 views

I wanted to do a very little project of a team scrambler. There are two teams of 5 players. Each player has a unique color (in his team) from a limited pool. You can use 2 actions : Scramble the ...
Sᴀᴍ Onᴇᴌᴀ's user avatar
  • 29.6k

1
2 3