Stack Exchange Network

Stack Exchange network consists of 175 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.

2
votes
0answers
19 views

Vue.js Computed Property Filtering [on hold]

I have a Vue.js computed property as follows. ...
0
votes
1answer
34 views

Class constructor with async properties set from poke-api

So, this is for a clicker game I'm trying to build with Pokémon data drawn from the PokéAPI. Since I'm using Vue.js for the project, ...
5
votes
1answer
72 views

Showing events on a multi room scheduler

I write a web app that shows events on a multi room scheduler. I use VueJS for the first time on a real project. Here, I loop through the events array every room column (two nested v-for). In jQuery ...
1
vote
0answers
23 views

Spawning multiple child processes to preview Vue.js projects

Context: I'm making a Codepen-like app but I want it to support sophisticated JS libraries/frameworks like Vue or Angular 2+ for example. I want to have a live preview of my snippet which updates in a ...
5
votes
1answer
62 views

Passing a callback to a component in Vue.js

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 ...
2
votes
1answer
51 views

Slots and Dynamic Components

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 ...
3
votes
3answers
97 views

fizzbu| - Fizzbuzz with dynamic height

Here is a variation on a theme: fizzbuzz. After providing this answer recently, I decided to practice some VueJS skills with outputting the values and conditionally applying styles based on the value. ...
3
votes
1answer
88 views

Display and search through a JSON's items in Vue.js

I have put together this small application that displays a "Users" JSON in an HTML5 table. I use Bootstrap 3, Axios and Vue.js 2 for this purpose. Here is the code: ...
1
vote
1answer
43 views

Vue.js Stoplight app - Dynamically changing classes on elements

I recently started delving into Vue.js, and decided to try my hand at some custom class/style bindings, so I made a small app that's supposed to cycle through each "light" of a stoplight (red, yellow, ...
2
votes
1answer
40 views

VueJS ReST Client: Vuex Store Methods

I'm writing a ReST API Client Tester using VueJS. I'm trying to have a really clean code, But I feel like it's too much, Here is my store.js file, which I use it ...
3
votes
1answer
49 views

Vue component over-complication

I'm building a date range selector, and while this works, I feel like I'm making it more complicated than it needs to be. Is there a more elegant way of writing this? Possibly using computed values ...
1
vote
1answer
278 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
1answer
107 views

Vue Star Rating Component

I am wondering if someone can do a code re"vue" specifically for my star rating component ([complete code available on github). I am looking for feedback on best practices, any glaring code crimes I ...
1
vote
1answer
29 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 ...
2
votes
1answer
70 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
253 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
1answer
432 views

D3 Updating stacked bar chart

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 ...
2
votes
1answer
41 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 ...
3
votes
1answer
66 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
348 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
688 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
147 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 ...
1
vote
1answer
119 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 ...
1
vote
1answer
118 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 ...
12
votes
2answers
246 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
172 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 ...
1
vote
2answers
500 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
106 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
67 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
626 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
935 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 ...
2
votes
1answer
162 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 ...
2
votes
1answer
3k 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
63 views

Vue.js code to update selection on screen

I have the following code snippet: ...
4
votes
1answer
850 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 ...
4
votes
1answer
567 views

Vue + Vuex + Firebase serverless realtime chat

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. ...
2
votes
1answer
95 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
706 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? ...
2
votes
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 ...
1
vote
2answers
255 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 ...
3
votes
1answer
288 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 ...
1
vote
1answer
479 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: ...