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
VueJS: Using nested components within jquery plugin
So I'm attempting to use the slick.js carousel plugin within a vue component. This works when there is no nested vue components. However, the moment that I try to use that the nested div wrap that ...
1
vote
1answer
21 views
vue.js components : How to truncate the text in the slot element in a component?
Is there a way to apply a filter to the slot content in a Vue component?
To clarify, I would like to truncate the text included manually in the HTML. For example I would like to transform this:
...
0
votes
2answers
18 views
Laravel undefined variable exception with vue.js
I want to test a simple vue.js in laravel blade system, Here is my code in test.blade.php view file:
<div id="app">
<p>{{message}}</p>
</div>
<script ...
3
votes
3answers
33 views
How do I get a plain array back from vuejs with a component?
I am using a call to my database to retrieve some results and pushing them onto an array. However when I console.log(this.activeBeers) I don't get an array back but instead an object. How can I get a ...
0
votes
0answers
11 views
Passport.js authentication not persisted
I'm working on express Auth with Passport.js based on this tutorial. I want to have the same auth mechanism, but as a REST API, so I can call the API from multiple clients (mobile app, web app and ...
2
votes
1answer
45 views
Remove the # hash from URL when using Vue.js in Laravel Homestead
I have a Laravel 5.2 setup running in Homestead and using Vue.js router to build an SPA. I'm trying to completely remove the #hash from the URL which I know can be done, but I keep getting errors:
...
-1
votes
1answer
18 views
How to trigger a method at page load in vuejs?
Hy.. I have quetion about vuejs and my quetion How to trigger a method at page load like tab..?
for example:
<div id='wraper'>
<!-- div id menu not load -->
<div id="menu">
...
0
votes
0answers
16 views
Vue.js, Visual Studio 2015 and .less styles syntax highlighting
I am using Visual Studio 2015 and vue.js to implement frontend for my web app.
As it known, vue.js comes with quite special approach to declare components - each component should be declared in a ...
0
votes
2answers
41 views
Keeping track of added element in an array?
I'm playing around with vue.js and the .vue components, and as newbie, I'm wondering how can I keep track of the element I add in the array.
The situation is the following :
The user add a new ...
0
votes
4answers
380 views
Initializing Vue data with AJAX
I'm trying to populate a Vue with data from the JsonResult of an AJAX query. My Vue receives the data just fine when I encode it from my View Model, but not when I try to retrieve it using AJAX. ...
0
votes
1answer
19 views
Cannot dispatch function from component to parent Vue
I have a simple Vue demo that shows a user a modal when they click a button:
http://plnkr.co/edit/lZPD7HOjKFsNVNmnWAOB?p=preview
The problem is, I'm also trying to use a plugin that generates a QR ...
0
votes
1answer
19 views
vuejs how to check if key/ID exist in the array
I have an array of roles which lists all the roles available. Each user is assigned to 1 or more roles, named user_roles.
I am listing all the roles as checkboxes, by default marked as unchecked.
...
1
vote
2answers
43 views
How can I share a method between components in Vue.js?
Check out this simple shopping cart demo:
http://plnkr.co/edit/CHt2iNSRJAJ6OWs7xmiP?p=preview
A user can pick a veggie and a fruit, and it will be added into the cart array. The function that adds a ...
0
votes
1answer
15 views
Adding a preprocessor language to the style portion of a vueify component causes build to fail without error
I'm experimenting with the vueify transformer. I have a test component called scoreboard:
<style>
.scorecard-panel{
border: 1px solid green;
background-color: #fbd900;
}
table{
...
0
votes
1answer
22 views
Vue.js When applying multiple filters a list, how can you display a count/total of the results
lets say I have a large object of people. and I want to filter them by hair color and gender. Once the filtering has taken place - how can i display the total number of results?
here is some pseudo ...
0
votes
1answer
21 views
Using a filter in part of a string
I have a filter that formats a number based on what stat type it is (percent, integer, currency, etc). I want to use this filter on a value as part of a string. See below:
<js-widget
...
0
votes
2answers
538 views
How to pass url parameters to Vuejs
I'm building an app with laravel and VueJs and I was wondering how to pass a url parameter like the user slug or the user id to vuejs in a proper way to be able to use that parameter for making ajax ...
1
vote
2answers
205 views
Vue.js 1.0 method not firing on change select
Following Vue.js 1.0 examples, I've made a select dropdown with v-model project, like this:
{{ project }}
<select class="projects" v-model="project" @change="changeProject">
<option ...
0
votes
1answer
20 views
Utlizing Promise To control Event Flow in VueJs
I have a Vue directive that handles HTTP requests. What I'm trying to do is utilize promises and hook SweetAlert into the process. I am first firing off onRequestSubmit
bind: function () {
...
0
votes
1answer
28 views
Vuejs fails to load svg image?
In one of my component, I'm trying to load an svg image but vuejs/webpack fails.
Here's my code :
<template>
<img src="../../assets/public/images/sad.svg" />
</template>
...
0
votes
1answer
18 views
Vue.js : How to trigger an action after a component unloads?
I have this component that appends to the BODY element a div when a user clicks on it. When the component unloads on page change through Vue-router I want to delete this appended div. Is there a ...
0
votes
2answers
22 views
Vue.js does an event trigger after component has been rendered?
I've got some custom components in Vue.js. In one of the components I have is a select list that I want to render as a Chosen select box. I use this with a jQuery function $("select").chosen().
...
0
votes
1answer
19 views
Dynamically render controller
I have a template:
<template id="chat-template">
<div class="row hidden-xs-up" id="messages">
<div class="col-md-12">
<div class="card">
...
0
votes
1answer
45 views
Vue.js Todo task with CSS animation and transition effect
How do you add a visual indicator such as a spinner and a tick when you save a new task in the example below.
Basically when I click the save button the following should happen:
Save button should ...
0
votes
2answers
41 views
Vuejs listeners
I'm creating simple app, which will have few listeners. I can't figure out how logic behind that should look like.
HTML:
<div id="playerProgressBar">
<div ...
0
votes
0answers
38 views
webpack third party libraries
I'm new to webpack, now i have a problem with third party libraries.
I'm using vue-cli to setup webpack for vue component files.
Now i wan't to use semantic-ui in this project, when i include the ...
0
votes
1answer
35 views
How to include imported modules in an export?
This is the module I'm exporting. Nothing much, just initializing Parse's JavaScript SDK:
mixin.js:
import Parse from 'parse'
var ParseMixin = {
created: function () {
...
0
votes
2answers
45 views
Vue.js dynamic values for component properties
In Vue.js I'm trying to pass values from a loop as properties for a custom component.
<template v-for="upload in uploads">
<upload-container index="{{ $index }}" filename="{{ upload.name ...
0
votes
1answer
28 views
image src get 404 error with vuejs
I'm new to vue.js, and trying to render a list of images using v-for directive. Instead, I get the server responded with a status of 404 (Not Found). I'm using the template generated by vue-cli.
The ...
2
votes
1answer
46 views
Allowing for multiple modals in Vue.js
Following the demo on the official site (http://vuejs.org/examples/modal.html)
I'm trying to set this up so that I can define multiple modal windows on a page, like this
...
0
votes
1answer
63 views
Multiple forms on a page
I have been researching for hours now and I admit defeat. I have a page which lists a bunch of users and allows you to reset a users password. You click the reset button by the user and it brings up a ...
0
votes
2answers
27 views
bLazy and Vue.js - DOM not ready fast enough
I am working on simple gallery with pictures. I wanted to use bLazy plugin to load images, all works fine except the fact that I wanted to load image list via external JSON file and because of that ...
1
vote
1answer
32 views
Making my Vue instance global when using Browserify so the developer tools are available
I'm starting to learn a bunch of new-to-me front end tools, specifically Vue.js, Gulp, Node, Babel, and Browserify.
I've got it all working, but I'm running into an issue where the Vue instance I'm ...
google-chrome
1
vote
1answer
32 views
Attempt to fetch Objects returns Uncaught TypeError: Object function ParsePromise()
The following code returns a Document object based on its id and then finds its corresponding sections based on the object. document is a Parse object and document.toJSON turns this object into a ...
0
votes
1answer
54 views
Vue.js : How to set a unique ID for each component instance?
I want to create a component with Vue.js containing a label and an input. for example :
<label for="inputId">Label text</label>
<input id="inputId" type="text" />
How can I set a ...
1
vote
0answers
36 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
21 views
Vue Resource root options not used?
I specify a root options in my Vue-Resource in my main.js file, but when I do the request, it does not use the root options. What am I missing ?
Here's the code :
main.js:
Vue.http.options.root = ...
0
votes
1answer
29 views
Setting focus of an input element in vue.js
I'm trying to set the focus of an input element in Vue.js. I found some help online but none of the explanation worked for me.
Here's my code :
<template>
<form method="post" action="" ...
0
votes
1answer
31 views
vue.js getting started not working
I'm trying out vue.js for the first time, and a beginner javascript programmer. I'm going through the vue.js getting started page
My html code is:
<!DOCTYPE html>
<html>
...
-1
votes
1answer
19 views
How to use mysql as the data persistence backend in “Firebase + Validation Example” of vue.js?
I am learning Laravel 5.2 and vue.js.
The question is: How to use mysql as the data persistence back end in "Firebase + Validation Example" of vue.js?
The original example uses Firebase as the data ...
2
votes
1answer
46 views
How can I share data between non parent-child components in Vue
I have 3 components (get-users, get-projects, get-tasks) - each contains a button which fires an ajax request to retreive some data. I want the data returned from the ajax request to be displayed in a ...
2
votes
1answer
344 views
Can you force Vue.js to reload/re-render?
Just a quick question.
Can you force Vue.js to reload/recalculate everything? If so, how?
0
votes
1answer
36 views
Re-render a Vue.js component
Is there a way to re-render a Vue.js component? I have a dropdown list and a form. Both of which are seperate components, one is located at the header and another one one somewhere in the middle of ...
1
vote
1answer
27 views
Jquery .on() Vue.js rendered raw HTML
Is it possible to use .on() jquery bindings on raw HTML rendered by Vue.js? For example, the returned comment body will contain a link (<a data-post="url">) that the jquery script binds to:
...
0
votes
0answers
27 views
MVC - Some properties taken in PHP are not accessible with Javascript
I'm developing an online store with Laravel (MVC framework for PHP) and Vue.js, but I think I would have the same problem with other technologies.
My Products table on database has some params such ...
0
votes
1answer
31 views
Saving multiple data dynamic form in Laravel 5.1 and Vue JS
I have to add/post data form. But the form dynamically can increase as user 'click' on a button. I've already browse about it and there some answer i get like using $request->all() to fetch all data ...
0
votes
1answer
21 views
Vue.js and paginate
any guidance appreciated. In using paginate within a vue filter I mess up my other filters. I have copied some of the code to this fiddle:
https://jsfiddle.net/ashleywnj/kbr0obsv/2/
With paginate ...
0
votes
0answers
37 views
How to use methods outside its scope
i'm trying to use a method (which it is inside a component), outside its scope with no luck.
What i've tried so far:
<div id="app">
<input type="text" @change="getMovies">
...
1
vote
1answer
74 views
Resetting a Vue.js list order of all items after drag and drop
I have a drag and drop component (using Sortable) but I can't figure out the logic to update the list order once the the item is dropped into it's new location.
Code (Vue.js):
new Vue({
el: ...
0
votes
3answers
117 views
Javascript object data binding with Vue
I have a JavaScript object that I am attempting to bind to a Vue view.
I am running a function to update the JavaScript object using AJAX and I was expecting Vue to bind to the JS object and update ...
