Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [vue.js]

Vue.js is a library for building interactive web interfaces. It creates data-driven user interfaces with a simple and flexible API.

0
votes
0answers
7 views

Dispatching Vuex getter via setInterval

I am fetching the friend list for a chat application using a Vuex store. I need to dispatch the getter via an interval. Is there a best practices way to do this? ...
1
vote
0answers
17 views

Vue Star Rating Component

I am wondering if someone can do a code re"vue" specifically for (link: https://github.com/Shreerang/Vue-Nuggets/blob/master/src/components/StarRating.vue) I am looking for feedback on best practices, ...
1
vote
1answer
22 views

duplicated operator(or attribute) on the same input control - v-model and @change

I wrote a code like below - It is nuxt.js, which is one of the Vue frameworks. This code will be expected to When change event triggered, update ...
0
votes
1answer
31 views

create static page with vuejs

I have a static homepage with some routes and thought about creating this with VueJs. I am totally new to this and just know NodeJs with Handlebars. So normally I would have something like this <...
2
votes
1answer
40 views

Editable table admin panel using Vuejs & Datatables

I'm trying to learn Vuejs and started this project: https://github.com/GhitaB/datatables-admin (Live demo: https://ghitab.github.io/datatables-admin/). Copied the current version (the question will ...
1
vote
0answers
107 views

D3 Updating stacked bar chart

In my data there can be different number of rectangles in each stack. Here is a picture: When pressing the change bars layout the chart looks like this: Since I might get bar chart stacked ...
2
votes
1answer
38 views

Nesting of paragraph with headings and cite with dynamic content in a VueJS app

Background I added a few items to a codepen that displayed a list of beers. One of them was the citation of the brewer who gave tips. Previously the tips were just generated into a ...
2
votes
1answer
60 views

Using something other than form field's value in Vue

I have a form, I need to send untraslated values, but as well, I need to get translated ones from Vue to write them down in page. For now, I ended up creating a 'shadow' property and changing it via ...
10
votes
1answer
309 views

Card based computer game

This is a 2 player (Will soon have AI in it - I am not asking for help with AI) game with mechanics similar to the card game named Magic the Gathering. Bear with me, this is a lot of code. If you ...
1
vote
1answer
333 views

Vue.js: extracting data from a nested object using for…in

I have a getter in my vuex module which gets data from a nested object, then check if there is any key match to the string and push these matched objects into an array. ESLint says that ...
2
votes
1answer
87 views

Extracting data from vue-chartjs into an array of datasets

I have a function which returns an array of datasets for a chart written with vue-chartjs. The getter getChartData returns an array with three objects with nested ...
0
votes
0answers
55 views

VueJS: Getting data from independent child component to other components with router

I'm fairly new to VueJS, which is why I can't ignore my feeling that I'm doing something wrong. I have an independent component inside a view component, which has to emit data to other components. ...
1
vote
1answer
71 views

HTMLAudioElement sound delay on keyboard clicks

I am using Vue.js to play mp3 sounds on keyboard clicks. Even though each mp3 is less than 40 KB, there is a 95ms delay on heroku, on each request. Is there a way to download sounds when dom is ready ...
0
votes
1answer
74 views

Creating CAPTCHA in ColdFusion then showing image in Vue.js

I am trying to create a CAPTCHA image on ColdFusion. ColdFusion will be producing REST services and hence will have to push the image via JSON. I want the image to be self contained. I don't want to ...
11
votes
1answer
184 views

Vue - It's the Royal Game of Ur

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 ...
1
vote
1answer
73 views

Using Vue to help form validation with weight for age

I am refactoring a very old web page which calculates bolus and infusion drug doses for children from premature through to young adulthood. One of the most common drug errors is accidental 10 fold ...
0
votes
2answers
224 views

Calling a global popup from nested vue components

I have tons of nested Vue components that need to be able to open a global modal. To avoid having tons of listeners and emitters snaking their way all through the app, I am using VueX. The main App ...
2
votes
1answer
98 views

Vue.js application, which fetches and displays list of seminars

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 ...
3
votes
1answer
43 views

Use vue components as one-offs in layout scaffolding

I've recently been getting into VueJS and CSS Grid. In the past I've always used frameworks like Bootstrap to built up my layout. However, since CSS Grids and VueJS have caught my attention, I'm ...
2
votes
2answers
269 views

Dynamic List Application as first Vue.js App

Task Description: Create a div-element and take control over it using a Vue-Instance. Print an array of hobbies into the div-element. Provide some default hobbies. Add a 'New Hobby' button and a text-...
2
votes
1answer
361 views

Vue.js component for adding/removing items

Simple Vue.js component, where you can add a wrestler via an AJAX endpoint, and remove a wrestler from an AJAX endpoint. Any notes on whether I’m doing this the “Vue.js way” or tips for improvement ...
1
vote
1answer
104 views

Databinding entire objects between child Vue components and the root Vue instance

I have a form in which I am collecting data from two applicants. In order to minimize HTML duplication I built an applicant Vue component that generates each applicant from a template. Each ...
1
vote
1answer
2k views

VueJS to do list - handling clear event on input

I made a basic to-do list in VueJS, but it feels really clunky and obtuse to me. One of the key things is that if the text input value is empty and the user clicks the button labeled submit then it ...
2
votes
1answer
53 views

Vue.js code to update selection on screen

I have the following code snippet: ...
4
votes
1answer
561 views

My first animated data grid with Vue.js

Because this is my very first attempt to create a data grid with Vue, I would like to know about all misconceptions used in my approach. Whomever points to the most important shortcoming / weakness in ...
2
votes
0answers
515 views

Is this Vue + Vuex + Firebase serverless realtime chat properly structured?

I am "discovering" Firebase and I'm trying create simple chat with Vue, Vuex and Firebase. But because I'm just starting out with Vue, I need code review or advices from more experienced programmers. ...
1
vote
1answer
70 views

Thumbnail caption in vue.js with possibly missing fields in caption

I am using the following to output a thumbnail with text. It works fine but I don't like having the use a conditional to check every prop before outputting. E.g. this.post.user.name would indicate "...
3
votes
1answer
573 views

A JS Tree Viewer in VueJS

To learn Vue.js I have made a tree viewer with the code below. Can anyone give me some advice on how to improve the code? ...
1
vote
1answer
2k views

Custom checkbox validation on submit

I have the code below which is working as expected. It is doing a form validation with Vue.js and Vee-Validate. It is checking that at least one checkbox is checked. I only don't like that I have to ...
0
votes
2answers
247 views

Vue GitHub user lookup

I have made a small Vue app which fulfills the following user stories: Given I make a search for an existing GitHub user, then: The user's username is shown The user's avatar is shown The user's ...
2
votes
1answer
282 views

Present table of data, acquired from an endpoint, with option to sort by different values

I have built a Vue app which fetches data from an endpoint and presents that data in a table with sortable columns. The app is based on this React challenge which is to create a table of users and ...
3
votes
0answers
455 views

Displaying a conflict marker

I'm displaying a conflict marker for each actor for each day, if the current day is in their conflicts: ...