108,131 questions
6
votes
3
answers
8k
views
Electron & ES6 how to implement require remote/ipc when using gulp and ES6 modules
i am using ES6 js files that are then compiled by gulp (browserify/babel), example of a ES6 file is:
I have a normal App.js that is used to set up the main window etc.. Then the html pages will use a ...
6
votes
4
answers
15k
views
Vue.js filterBy to search in multiple fields
How can I filter by searching in multiple search keys?
I'm trying something like this, but (of course) it won't work:
<tr v-repeat="questions | filterBy search in 'reference','user.name','shop....
7
votes
2
answers
13k
views
Vue.js passing functions to props not working
I have a problem that passing functions to components is not working the way it's specified in the documentation.
This is in my app.js
methods: {
updateAnswer: function(question) {
...
4
votes
3
answers
2k
views
Vue + nested components created
Is there a way to create nested components in vue.js?
<newform>
<field></field>
<field></field>
<field></field>
<field></field>
...
0
votes
2
answers
15k
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 class="...
86
votes
11
answers
123k
views
Prevent form submitting when pressing enter from a text input, using Vue.js
I am using Vue.js in my app and have a text input within a form
<div id="myVueForm">
<form>
<input type="text" v-on="keyup:addCategory | key 'enter'">...
0
votes
1
answer
2k
views
Vuejs change view
I'm trying to change views on page load and on click events.
Here is what I have so far:
Vue.component('stale', {
template: '#stale-template'
});
Vue.component('buying', {
template: '#...
1
vote
0
answers
666
views
First create marker on google maps take too much time
I'm using the google maps API V3 in javascript and Vue.js for my application and i have found a strange bug, when i click the first time to put a marker on the map, the web app froze during 1-3seconds....
0
votes
3
answers
3k
views
Vue.js infinite Scroll
I wondering if there is any directive for implementing Ajax infinite scroll with vue.js or is there any directive available ?
Any Help would be appreciated.
0
votes
1
answer
362
views
Vue JS 0.12 Dynamic Components
I upgraded to Vue 0.12 but it's left me with a tricky problem.
I'm using Browserify/Vueify to transpile and concatenate single file component definitions. In my app component I "require" the needed ...
0
votes
1
answer
202
views
Vue.js component issue
js i'm starting to catch up on it but i'm stuck on components would appreciate your help thanks
//here is my js
Vue.component('thatsCool', {
template: document.querySelector('#myOwnTemplate'),...
0
votes
2
answers
147
views
Difference between two similar functions, why is one working and the other not
I have two functions, one working, the other not.
They are equal, except that the one is looping through a variable, in which the global object of the scope is saved (hope this makes sense), and the ...
7
votes
2
answers
27k
views
VueJS - trouble understanding .$set and .$add
I am trying to build an array of objects in VueJS and I am running into some issues with .$set and .$add.
For example, I need the following structure when adding new items/objects:
{
"attendees": ...
5
votes
1
answer
8k
views
Vue.js nested v-repeat: How to access parent $index inside child?
I am unable to do this:
<ul>
<li v-repeat="candy: candies">
<ul>
<li v-repeat="flavour: candy.flavours">
{{ candy.$index }}
...
2
votes
1
answer
2k
views
Vue.js Passing data to content scope
I'm trying to pass data into inserted (transcluded) template.
In Angular, this would be done by modifying scope passed into transcludeFn, but I can't figure out how to do it in Vue since it ...
1
vote
1
answer
9k
views
Updating the DOM with change in an object (vue.js) - binding not working?
I have the app.js file where gmarkers is an array of objects :
var vm = new Vue({
el: '#lili',
data: {
listings: gmarkers
}
});
In my HTML file :
<div id="lili" >
<...
3
votes
1
answer
7k
views
In Vue.js, change value of specific attribute for all items in a data array
I'm trying to toggle an open class on a list of items in a v-repeat. I only want one list item (the one most recently clicked) to have the class open.
The data being output has a "class" attribute ...
2
votes
0
answers
2k
views
vuejs send an empty value and response is the field required
Today I started to work with vuejs.
and my form is just having field (name) and submit button
so when I tried to debug the post request it send whatever I put in the input field and after submitting ...
1
vote
1
answer
2k
views
How to reuse a ViewModel in VueJs?
I currently have something like this:
var items = new Vue({
el: '#items1',
data: {
dataUrl: '/api/data?items=items1',
items: []
},
ready: function() {
this.getItems();
...
0
votes
1
answer
165
views
Add Javascript array to form input
I am building a group mailing system with VueJS and jQuery for the front-end, Laravel 5 for the back-end.
I am using AJAX calls to retrieve a listing of users based on groups, agencies, or all ...
16
votes
3
answers
24k
views
How to make Vue js directive working in an appended html element
I have a Vue directive added in an appended html element like v-on directive but it's not working on my end. Basically I want to know the equivalent of .on() in jquery.
3
votes
4
answers
16k
views
Vue JS - Remove an object from the data array
I am using VueJS to display active users in a site. When a user becomes active, Pusher sends JSON with their details -
{
"token": "97LbfNs7pfPbzVLo",
"first_name": "Joe",
"...
0
votes
1
answer
342
views
Vue.js: Give a nested property/attribute a custom value
In my view (HTML) I want to show this:
<p>Age: {{ user.age }} years</p>
In my javascript this is what I have:
new Vue({
el: '#userApp',
data: {
user : user,
...
1
vote
1
answer
471
views
Re-binding vue.js component
I've got a custom Vue component that is successfully bound to a javascript object, but now would like to re-bind the component to another object. Is this possible?
Markup:
<div id="wrapper">
...
2
votes
1
answer
2k
views
Custom v-repeat filter Vue.js
I've quite new to Vue.js, only started experimenting with it two days ago - so apologies if this is a dumb question.
I have a list and I would like to set a limit on how many objects should be ...