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

learn more… | top users | synonyms

0
votes
0answers
3 views

Set a collection of components of VueJS for each Laravel view

I'm building a platform using Laravel 5.2 and VueJS, I already finished a first view but to start building the next one I'm facing a problem which I don't know how to set the collection of components ...
0
votes
1answer
6 views

when communicate between component in react or vuejs, what's the different between using callback and event

As the title say,I am confused about communicate between parent-child components in react or vuejs. There are two different way to communicate between components. First,we can pass a method as a ...
0
votes
0answers
8 views

How to correctly create a custom socket method with Vue-Socket.io?

This a simple experiment with Vue-Socket.io. Express is used to serve index.html locally. The sockets are being handled by http://metinseylan.com:1923. I've defined a custom socket inside of main....
0
votes
0answers
7 views

How do I filterBy a range of numbers in vue.js

I'm building a catalog of a large number of rather basic products and I need to be able to filter the data using a range of numbers rather than an exact match. I'm looping through my data like this: ...
2
votes
1answer
8 views

Vue Components not showing up using passport in laravel 5.3

As you can see from the title I am trying out Laravel 5.3 and passport. So I have gone through the steps to install Laravel passport and as far as I can see everything is in place. I have put the ...
0
votes
1answer
17 views

How to format a (possibly null/empty) date in VueJS

Using Vue.JS 1.0, I couldn't find a simple way to properly format a JSON date that can be empty. I tried with vue-filter npm package date filter but it fails if the date is empty. For example if my ...
0
votes
1answer
10 views

Vuejs dispatch data from child to parent without placing it into an array

I'm trying to take data that is dispatched from a child component and pass it into a parent component but so far I've only been able to find an example of this being pushed into an array. In the ...
0
votes
1answer
11 views

Vuejs - Handle key press and Click on table row

How I can capture key press and click on a tr element ? I need to implement a table that can handle a single row selection, or multiple-row selection. Right now, I tried to bind the key ctrl: Vue....
0
votes
0answers
9 views

How to set the local cookie in dev-server with vue-cli?

template: vue+webpack backend: yii2 I use index.html (after building) as yii2's view, so I can render index.html with some cookies. My backend will check this cookie for all of my requests. So, How ...
1
vote
1answer
33 views

VueJS not working with laravel

Posting vue data as body to post request using vue resource <script> //var VueValidator = require ('vue-validator'); new Vue({ el: '#app', data: { email: '', ...
0
votes
1answer
17 views

Vue.js v-for item, bind attribute to current index / key

<li v-for="(value, key) in {facebook: [data], twitter: [data]}"> <i class="icon" :class="key"></i> .... </li> Error: [Vue warn]: Trying to access non-existent ...
0
votes
1answer
17 views

Does Vue-resource or a community library have an alternative to Angular's Services or Factories?

I am working on a larger application using Vue.js and I've been wondering if there is a better way to organize and reuse ajax requests. Currently the application is just making calls within the ...
2
votes
0answers
34 views

I can not authenticate the routes express with passport-facebook

Good afternoon people. I'm having a few days ago trying to authenticate routes using express and passport-facebook but without success. And on the client I'm using VueJs. If anyone can help me in this ...
1
vote
1answer
25 views

How to add props to dynamic component in vue.js?

I create component dynamically: <component is="tab"/> How to add props for this component? I try: <component is="tab" my-props="test" /> And I got error in console: ...
1
vote
2answers
19 views

How to handle $dispatch and $broadcast deprecations in Vue.js?

I was working on a large-scale Vue.js application, and I have used broadcast and dispatch tons of places in my application. What's the best way to sit down and change all these? Or do I have some ...
0
votes
1answer
15 views

Vuex mutation error when pass Object (with objects) to component

Description(tl;dr): When I pass "Object of Objects" from vuex's store to components via v-model, the model's modifications produce error. Only when "Object of Objects" passed. With any other type ...
1
vote
0answers
22 views

Problems while upgrading laravel-elixir from 5 to 6 version

After upgrading laravel elixir to 6.0 version in console errors appear like: [Vue warn]: Attributes ":model.sync", "key", "name" are ignored on component <wysiwyg> because the component is a ...
0
votes
1answer
25 views

How to add dynamically attribute in VueJs

I'm using vuejs and I wanna know how to have control on inputs (add disabled attribute when necessary). Is there any way to add dynamically attribute in vuejs ? Below my Textfield component : &...
-3
votes
1answer
18 views

event.path undefined with Firefox and vue.js

First I am using vue-js. and NodeJs I have a problem with firefox: I use event.path[n].id and with firefox I got an error "event.path undefined" But It work fined in other browser. Did you have ...
0
votes
1answer
36 views

How to watch for state/UI changes in vue.js

is there a way I can watch for a state change in the UI? For example, in my data component I have a variable called loggedIn. If the value of loggedIn is equal to false, I want my header to display ...
0
votes
1answer
15 views

Pass method from parent component to child component in vuejs

can someone help me with passing a method from a parent to a child component in vue.js? Ive been trying to do it by passing the method in as a prop... My parent component snippet: methods: { ...
0
votes
1answer
21 views

Dispatch total of Vue child computed values to parent

I cannot figure out how to use the $dispatch method to send data from a Vue child to a Vue parent. I have a component with multiple instances as follows: Vue.component('receipt', { template: '#...
0
votes
1answer
134 views

How to pass data to Vue JS components?

Disclaimer: I have tried to read the docs before opening this question. I have this component: <template> <accordion id="facilities-menu" :one-at-atime="true"> <template v-for="...
0
votes
1answer
59 views

Is it possible to use Maven to develop Frontend/Web apps? [on hold]

I have worked with Gulp, Grunt and Webpack. I feel that so far the best build tool I've worked with is Maven. Simple and concise, in my opinion. For this reason I would like to know if it is possible ...
0
votes
1answer
31 views

Reusing Vue Component, removing data

I have setup a component system using vue-router for a simple event system. I'd like to be able to be able to use the same component for both editing existing events and creating new events. I can't ...
0
votes
1answer
31 views

Add dynamically components in vue.js not working

I try to add dynamically component. This component set into props. I not register components into components:{} section, because I don't now how many components and their name will be send from props....
0
votes
2answers
29 views

Use dust.js in common with vue.js

How can I use vue.js with the dust template engine? Both are using {{}} as placeholders, are there any options to say dust: Hey, this part is especially for vue? I got no idea since I haven't had ...
0
votes
1answer
28 views

Assign value to Chartist chart value

Can someone help me solve this problem.. I'm trying to set Chartist pie chart data dynamically. I have a list of projects I'm displaying in a list. Each project has a chart with some information about ...
0
votes
1answer
34 views

vue.js sum of keys after applying filterBy

HTML: <div id="app"> <h1>{{title}}</h1> <form id="search"> Filter <input name="query" v-model="filterQuery"> </form> <table> <tr v-for="...
0
votes
0answers
29 views

select pushed back by a empty value in Vue.js

It have some weird situation in the 2 related select, sometime I choose the kind part select, the style select default text --Choose-- will be pushed back by a empty value, how to resolve this problem?...
0
votes
1answer
41 views

Make a store without using Vuex

I was trying to understand how to use Vuex, but since I'm pretty new to VueJS world, I didn't understand It well. So now I'm looking for alternative. I want to share data between 2 components, so ...
0
votes
1answer
30 views

Pass data from parent to child component in vue.js

I am trying to pass data from a parent to a child component. However, the data I am trying to pass keeps printing out as blank in the child component. My code: In Profile.js (Parent component) <...
-1
votes
0answers
9 views

Vue1.0 project using touchmove Page does not refresh [on hold]

Vue1.0 project(html5) when body using touchmove,v - if,: class instruction such as failure, what reason be excuse me?
0
votes
1answer
209 views

VueJS async component data and promises

Trying out VueJS 2.0 RC, and using the fetch API to load some data for some of the components. Here's a mock example: const Component = { template: '#comp', name: "some-component", data: ...
0
votes
1answer
25 views

Component - getting data from parent?

I am learning Vue.js and I couldn't figure out why <li>{{task.body}}</li> is not showing on the screen. I have created <tasks v-for="task in tasks"></tasks> component and it ...
1
vote
1answer
37 views

Add arbitrary Vue.js components to parent component

I'm using Vue.js to build ui for my html5 game. I have a case where I want to define ui-containers which essentially just group other ui-components and position them to somewhere on screen. So I could ...
0
votes
0answers
11 views

How to pass the resolved data in beforeEnter hook of vue-router 2.0 to the instance of Vue component when using a async promise?

I’m passing the data by add a data key dynamically on the meta when the promise resolved then I can read the data on the beforeCreate hook of Vue component by this.$route.meta.data…… But I think it ...
0
votes
0answers
39 views

Vue.js loading data

I've got a couple of comboboxes in my Vue.js application. I load the combobox data in the ready method. Like this: ready () { this.getTypes(); this.getLocations(); }, So my problem: ...
0
votes
1answer
20 views

ES 6 modules reimport

If i import my modules from my main.js : import Vue from 'vue' import store from './vuex/store' import VueResource from 'vue-resource' Vue.use(VueResource); import Component from './components/...
0
votes
1answer
24 views

Unable to repeat sorting a second time vuejs

I am trying to enable sorting in a vuejs table component where in the rows are sorted on clicking the th item and so far the sorting mechanism works for the first time on click but on a second time, ...
0
votes
0answers
20 views

VueJS - Script not loaded when direct access to subpage

I'm currently working on a website with vue.js, and I use vue-route. There's a subroute (/blog/post-slug) that load a script (Prism: http://prismjs.com/) and fires it in the ready() state : import ...
3
votes
2answers
24 views

Can't get method to execute on parent component from child component

I'm trying to get a method to execute on a parent component when a button in one of its child components is clicked. I am using single file components with Webpack. Here's the code for the child ...
0
votes
1answer
19 views

How to call action inside action in Vuex

I try to build a really small Vue App with a Rails API. So at the moment I work with Vue, Vue-Resource and Vuex. I'll fetch all users from the database und now i try to update one of them. So ...
1
vote
0answers
37 views

Quill Editor and Vue.js

I'm a vue.js beginner and i've been trying to integrate the Quill editor into Vue modules. At first, I tried with the vue-quill plugin but documentation is very poor and I couldn't understand how to ...
0
votes
2answers
30 views

vue.js v-link not working

I've a route in my vue.js application like this: /bewerk/rit/:rideId So when I link to this url in my vue.js webapp like this: <a v-link="{ name: 'bewerk/rit', params: { rideId: ride.id }}" ...
0
votes
1answer
29 views

Http callback is never called, Vue Laravel

Got this in a Vue component (Users.vue). The fetchUsers-function is called but the callback-function is NEVER called. I've tried to attach .error()-func but I get an error of this.$http.get(...).error ...
1
vote
1answer
30 views

Using Meteor + Vue + D3, where should I put the d3 code?

I do not use Blaze (no template helpers) but Vue.js. Is there a hook for putting the d3 code (not shure which one to use)? Where should it be?
0
votes
1answer
31 views

Why is Vue.js key modifier only working for `<button>` and not `<div>`?

Please refer to this codepen for a working example. If you click the button and use the up/down arrow keys the button padding will increase/decrease. The relevant HTML is: <div class="inline-...
0
votes
1answer
18 views

Get total of Vue component computed instances

Please see my jsbin here http://jsbin.com/puxefasohu/1/edit?html,js,output I have a "Receipt" component that contains a computed function of 'total'. In the parent component, I am trying to get a ...
0
votes
1answer
16 views

Vue computed function resulting in error when data added

In my jsbin here http://jsbin.com/fecukitisu/edit?html,js,output. My total, and tax bindings are working until a user adds a new 'sale' via the included button. I cannot figure out why the computed ...