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
Join us in building a kind, collaborative learning community via our updated Code of Conduct.

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

2
votes
1answer
30 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
49 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
281 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
119 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
67 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
33 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
54 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
50 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 ...
10
votes
1answer
169 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
60 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
134 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
90 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
36 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
142 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
140 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
82 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
1k 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
51 views

Vue.js code to update selection on screen

I have the following code snippet: ...
4
votes
1answer
444 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
498 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
66 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
518 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
1k 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
244 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
279 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
445 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: ...