Tagged Questions
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
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 ...