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
71
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.
...
- 41
1
vote
1
answer
74
views
Listening to bootstrap 5 events in a vuejs application
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 ...
- 199
1
vote
2
answers
225
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:/...
2
votes
1
answer
72
views
JS animated string builder
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 ...
- 23
6
votes
1
answer
256
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 ...
- 75
1
vote
1
answer
395
views
Movies App with Vue 3 and TypeScript
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:
...
- 623
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 ...
- 51
4
votes
2
answers
113
views
Vue.js - Sierpinski Triangle
Below is a Vue app I wrote to draw a Sierpinski Triangle given n iterations, which can be incremented/decremented via a HTML ...
- 519
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 ...
- 253
2
votes
2
answers
503
views
Infinite content loop carousel
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 ...
- 123
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 ...
- 109
1
vote
1
answer
73
views
Navigating a javascript object (previous and next)
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 ...
- 287
1
vote
1
answer
323
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 ...
- 507
-4
votes
1
answer
118
views
Simple Vue calculator [closed]
I made conditional calculator in Vue js but I need help to make it more efficient.
https://jsfiddle.net/wbrx9cyp/1/
example of code:
...
- 1
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 ...
- 925