Vue.js is a library for building interactive web interfaces. It creates data-driven user interfaces with a simple and flexible API.
0
votes
1answer
8 views
Webpack vue error
I have webpack installed globally and have vue and loaders installed locally and have tried installing them globally. I keep getting this error when I run webpack
Module parse failed: ...
1
vote
1answer
39 views
Testing Vue.js Component
I'd like to test a Vue.js component, and I'm failing at that. Simply put, I'm setting a component property, and I want to assert that it is set correctly. If that matters, the module is loaded with ...
1
vote
1answer
22 views
Draggable with Vue.js, not being able to return to original position
I'm attempting to have an element's draggable functionality depend on a click event. I'm using jquery-ui's draggable method (within a vue.js instance).
In my Vue instance I have these two data ...
0
votes
1answer
18 views
Get 'id' value from vue-router's link
How to get an object value from vue-router's link?
For example 'id' in this link
http://laravel.dev/#!/messages/1703
So with that id i can fetch specific data from database.
My code
var ...
0
votes
1answer
18 views
Change the property v-model of a select tag in Vue.js
I have a form where the user select a number between 1 and 4 with a select tag, with the property of v-model="screens".
According to the number selected, with v-for="screen in screens" new select ...
0
votes
1answer
7 views
Returning undefined when fetching data from lumen api
I am using lumen as my api and access it through laravel using vue js. Please refer to the code below. When I console.log the books callback I am getting all the objects in the lumen api. However when ...
1
vote
1answer
59 views
VueJS Select2 directive doesn't fire @change event
As title says, I registered Select2 directive for VueJS 1.0.15 using example from their page.
I want to catch @change event but it doesn't work.
HTML:
<select v-select="item.service" ...
1
vote
1answer
27 views
Vue.js Call method from another component
I have 2 components. How can I call fetchProjectList() method in createProject() method.
First component:
Vue.component('projects', {
template: '#projects-template',
data: function () {
...
0
votes
1answer
29 views
Vue.js Bindings in comments
One very useful feature of Knockout.js is the ability to put bindings in comments. For example, if I want a <ul> tag with some dynamically generated <li> tags plus the last one that is ...
2
votes
1answer
21 views
Is there a way to access a Vue Component's index — or some other unique identifier — from within its template?
If I'm creating, maybe dynamically, n number of components where each needs to refer to a unique index/id/reference from within its own template is there such a thing? I'm not using a for in loop to ...
0
votes
1answer
47 views
Vue.js + jQuery UI draggable
To make components draggable I have written a new vue directive like this
Vue.directive('drag', {
bind: function () {
$(this.el).draggable();
}
});
and I make them draggable on bind.
This ...
0
votes
0answers
35 views
Adding data to array with JSON field
I'm having problem with my data property.
data: function() {
return {
conversations:
[
]
}
}
When I make a request to server i get response ...
3
votes
0answers
24 views
Two-way filter updating on the fly | Vue.js
How one can do custom two-way filter for model, updating on the fly in Vue.js.
The following code example from docs works on input blur. But I need it work on keypress.
Vue.filter('currencyDisplay', ...
0
votes
1answer
24 views
cant't query json data in laravel 5.2
I'm making a adressbook app via laravel 5.2 and vuejs, my app needs CRUD functionality, i stuck at Update part, i send the data via ajax to laravel
and i get the data in laravel but i cant update ...
0
votes
1answer
22 views
How to enable syntax highlighting for embedded LESS styles in WebStorm?
I am using Vue.js for one of my frontend projects.
As you know, Vue comes with special syntax for components - each component can be declared in a single .vue file. That means, that you can define ...
2
votes
1answer
23 views
VueJS - Fire a method in a v-for loop
Okay...
In VueJS i'm running a v-for to list a couple of items.
For example:
v-for="item in cart"
Bananas - 1 dollar - Yellow
Apples - 2 dollar - Pink
Grapes - 1.5 dollar - Green
While listing ...
1
vote
1answer
24 views
Vue.js permanently add filter to component
I'm wanted to force the running of a filter on a component everytime it's used. I know I can add a filter to a component in it's markup, but in this instance the filter is to be considered "required", ...
0
votes
1answer
19 views
Is it possible to have two vue.js instances in different windows use the same data?
I would like to be able to use two windows in my vue.js app, one for managing data, and one for presentation of the same data. (Imagine a live presentation where I can change things on the fly in one ...
0
votes
1answer
33 views
How to add a Vuejs component to a Laravel Spark application?
I am working on a Laravel 5.2 project with Laravel Spark (which still in beta as at time of writing) and trying to add some Vuejs functionality using the default layouts and views.
My first attempt ...
0
votes
0answers
22 views
Vue Nested router map url is not working when i copy paste in another browser
Nested routes are not working when i refresh the browser with the nested route url.
Html file
<div id="app">
<h1>Just demo for router</h1>
<p>
...
0
votes
2answers
124 views
Vuejs + Materializecss select field
I have this code in my template:
<div class="input-field col s6">
<select v-on:change="selectChaned" v-model="item.size">
<option value="" disabled selected>Choose your ...
0
votes
2answers
412 views
Use vue-resource within vueify component
I'd like to use the vue-resource $http methods within the script tag of my vueify component but I always get this error:
Uncaught TypeError: Cannot read property 'get' of undefined
My guess would ...
1
vote
1answer
86 views
vuejs & ukit html editor not displaying content
I am using UIKIT & vuejs for front end, when i am trying to put content (retrieved runtime using vue-resource) inside textarea (htmleditor markdown component),
it doesn't show content inside ...
1
vote
2answers
30 views
Vue.js + Webpack + vue-loader + bootstrap-sass + sass-loader
I'm just getting started with Vue.js + Webpack + vue-loader + bootstrap-sass + sass-loader and I'm a little lost.
What I'd like to do is use the SASS version of bootstrap with my SPA Vue.js code. I ...
0
votes
1answer
64 views
Apply a discount using VueJS and Laravel
I haven't gone down the road of creating custom components, I have got it checking for the coupon code now I need to know how I can set a the cost then apply the discount.
Heres the JS I have ...
0
votes
1answer
24 views
Running code in callback of Vue js $set method
I have a v-for that generates a list of flights. When user clicks on "flight details" button I send an AJAX request to server, and append the new info to the results array. In order to update the ...
1
vote
1answer
22 views
Vue.js - can't load json data using vue-resource [duplicate]
I'm having trouble using vue-resource with some json data.
I'm following the example here: https://github.com/vuejs/vue-resource/blob/master/docs/http.md
My vue-resource call looks like this:
...
0
votes
0answers
24 views
vue.js - Uncaught TypeError: Cannot read property '$forContext' of null
i have encountered a very strange issue. everything seems to be working correctly, but on submission of inputs (i tried both the form submit event when i was using a element and the keyop.enter event ...
0
votes
3answers
1k views
Toggle Class for an item Vue.js
So I have a list of data brought in using vue resource from an api. I'm trying to integrate this list with bootstrap accordion.
So:
I have set this :
data: {
taller: false
}
and
<div ...
-2
votes
2answers
33 views
Check the object already exists in array in Vue.js
I have a data:
data: function() {
return {
conversations:
[
]
}
}
I'm getting my data from response object: response.data.conversation
Is ...
2
votes
0answers
27 views
Vue + Turbolinks, how can I initialize components after page loads
I always set up one root (new Vue) and then add components to it. Then in my views I use the component that is needed at that time. For instance:
// gulp.js: my build tooling
var elixir = ...
0
votes
2answers
27 views
Conditional style rendering with Vue.js
I have a component which render elements. The width of each element depends on minimized value (true or false). I need conditional style binding without class here.
I tried:
{ ...
0
votes
0answers
49 views
Passing data from parent to child when rendering a list in vue.js
I am writing something in Vue.js and it requires iterating over a list of tags. When clicked, each of those tags should show the 5 most recent stories with said tag.
I am using vue resources rather ...
0
votes
2answers
37 views
How to apply a filter within a Vuejs component?
If I have a simple filter, say:
Vue.filter('foo', function (value) {
return value.replace(/foo/g, 'bar');
});
And a simple component:
Vue.component('example', {
props: {
msg: ...
1
vote
1answer
38 views
Vue js reactivity issue when updating objects inside array used in v-for
I have an application using vue.js. I generate a list of results using v-for in an array of objects.
when I update the object inside nth item in array, using underscore _.extend, the view of project ...
-1
votes
0answers
28 views
Is it possible to connect to an external server.js with Node.js?
OK, so I started learning Node.js a couple of days ago, and of course, I want to host it online, more specifically; in my Laravel project so I can use the names and email addresses from the users ...
0
votes
1answer
66 views
Vue.js Sortable list - updating model and saving position on change through AJAX
Fiddle:
https://jsfiddle.net/fierflash/0h6uL4ek/2/
Objective:
When a re-order takes place(through Sortable), send a AJAX Request to backend to save the new positions of the tasks
Whats v-sortable?
...
1
vote
2answers
40 views
how I can retrieve json in vuejs
How can I retrieve json in Vuejs in vue.js in laravel 4?
I tried following but it didn't work:
new Vue({
el: '#guestbook',
data: {
comments: [],
...
0
votes
2answers
38 views
Update array order in Vue.js after DOM change
I have a basic Vue.js object:
var playlist = new Vue({
el : '#playlist',
data : {
entries : [
{ title : 'Oh No' },
{ title : 'Let it Out' },
{ ...
0
votes
1answer
28 views
Vue.js data-bind style backgroundImage not working
I'm trying to bind the src of a image in an element, but it doesn't seem to work. I'm getting a "Invalid expression. Generated function body: { backgroundImage:{ url(image) }".
The documentation ...
0
votes
2answers
35 views
VueJS variable inside URL::action in Laravel
I am new to VueJS.
I have a link using Laravel Helpers:
<a href="{!! URL::action('TournamentController@edit', $tournament->id) !!}">{{ $tournament->id }}</a>
As it will be ...
0
votes
0answers
19 views
Vuejs Single File organization with Gulp
I've followed the laracast tutorial about Vue Workflow with Laravel.
So I have a main.js:
var Vue =require('vue');
import Tournament from '../components/Tournament.vue';
new Vue({
el: 'body',
...
1
vote
1answer
23 views
vue.js: uppercase tagname for filter not recognized
I am trying out vue.js to use form inputs to change a svg-element, for example the position and some filter-value of some rect.
Below is part of an example, using two range inputs. See also ...
1
vote
1answer
27 views
Vuejs not prompting bootstrap popover
I am using bootstrap popover with vuejs.
How can I trigger vue functionality?
In below code when I am clicking on add break link, it opens bootstrap popover, with click me button. Now here vuejs ...
0
votes
1answer
31 views
Real time update between 2 components?
Is it possible to have a realtime update of input fields between two components?
In a component I have an input field which has a v-model="value". I wanna pass that input realtime to the other ...
2
votes
1answer
37 views
Vuejs get image from remote source
I'm using the following code to detect a button click, and get an image from unsplash which features a random mode.
The problem is it works one time, to fetch a random one. But the second time it's ...
-1
votes
1answer
41 views
Binding method result to v-model with Vue.js
How do you bind a method result to a v-model with Vue.js?
example :
<someTag v-model="method_name(data_attribute)"></someTag>
I can't make it work for some reason.
Thank you.
0
votes
2answers
49 views
Making Vue.js detect changes to array using $set()
I'm having trouble updating an array that is displayed as a list. I'm trying to make Vue detect the changes using $set() (as explained in the documentation), but I can't make it work.
Here's my code:
...
1
vote
2answers
32 views
How can I output a boolean variable as “yes/no” in VueJS 0.11?
I have a field called is_admin. I am using VueJS to build a autocompleting search of all of the users.
I want to output the is_admin field as either true/false or yes/no, but my database field is ...
0
votes
1answer
28 views
Vuejs as an HTML templating engine
I'm looking for a front-end HTML templating engine and I was wondering if Vuejs has this functionally built into it. If not, can someone recommend me a templating engine?
All I want to do is create ...
