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
1answer
5 views
Can't update the v-for list when ajax update the data
I using a datepicker and using javascript to pass the date to the vue instance, but after the first time render the list using v-for, when i call the function with other date, it keeps the previous ...
1
vote
1answer
8 views
CORS issue with Vue.js
I'm using:
Vue 2.0.3
vue-router 2.0.1
vuex 0.8.2
vue-resource 0.7.0
And after trying to login to my page when using remote API, not the locally run one, I get cors error like following
vue-resource....
azure
-1
votes
1answer
21 views
Dynamic Template (Component) Probs to Class Binding Issue using Vue Js
I try to make dynamic template to assign the class by condition base.
My Template is :
<template v-if="showTemplate" id="campaignBlock">
<div v-class="@{{ block_class }}">
// <div ...
0
votes
0answers
13 views
Vuex getter not updating
I have the below getter:
withEarmarks: state => {
var count = 0;
for (let l of state.laptops) {
if (l.earmarks.length > 0) {
count++;
}
}
return count;
...
0
votes
1answer
16 views
Vue dynamic component event bindings
I have a dynamic component that is resolved and bound on runtime using the documented dynamic component syntax;
<div class="field">
<component v-if="component" :is="component" @...
1
vote
1answer
28 views
VueJs 2 - Using Multiple Custom Filters
Vuejs 2.0 deprecated the built in filters (filterby, orderby, limitby) when using v-for. I'm trying to recreate the functionality of the filterby and orderby filters.
I have both filters working ...
0
votes
1answer
14 views
Reactive computed data in VueJs 2.0
I have a paginated record set from a http response and want to further implement client side pagination on return paginated record set, thus I have the following component markup
<td v-for="item ...
1
vote
1answer
16 views
Executing child method from parent component in Vue.js
Currently, I have a Vue.js components which contains a list of other components. I know that the common way of working with vue is passing data to children, and emitting events to parents from ...
0
votes
0answers
11 views
Laravel Echo repeating listen event for n times broadcast has been made
Okay so the question title is a little, confusing, but I don't know how else to explain it. Basically, I've got laravel-echo-server, redis (for queueing), and Laravel echo set up. All I want is to ...
0
votes
0answers
7 views
Mixin needs data from componet 1 to work on componet 2 how do I pass the data? [Vue.JS]
I have a mixin function that needs to use an array of data generated from a component in within another component.
Component 1 creates Data and stores it into an Array.
Component 2 calls mixin and ...
0
votes
1answer
22 views
Iterating over data array in VueJS 2.0
I have a vue component for which I get paginated data from api.
What I want to do is update the iterated list using a smaller pagination total...thus in my vue component template
<td v-for="item ...
0
votes
1answer
11 views
Vue router: Gulp uglify / watch node error
Just starting with Vue router and following the getting started but having issues straight away.
Using the same code as the example:
const Home = { template: '<div>Home</div>' }
const ...
2
votes
3answers
24 views
set variable from component in instance
I want to set data variable of Vue instance from component. Is that even possible.
Vue.component('graph', {
template: '',
props: {},
data: function () {
methods: {
setBtn: ...
0
votes
1answer
74 views
How to pass results from db query to Vue?
I have an API request that calls a SQL query within the function. I am trying to pass the results to a .vue page. (Using express-vue) Here is the api request
router.get('/search', (req, res, next) =...
1
vote
2answers
16 views
Accessing properties of iterated values in Vue.js
I am looping through a list like so:
<li v-for="item in filteredParentItems"
v-if="item.action === 'list'"
v-on:click="getNextPath"
v-bind:data-next-path="item.nextPath"
...
0
votes
1answer
18 views
Force bootstrap controls onto one line
With the group of three controls on the right, I can't figure out how to get them A) pulled to the right, and B) inline and nestled right next to each other, like the controls over on the left.
Here'...
0
votes
1answer
27 views
Vue.js 2.0 failed to compile template
I use webpack, vue.js 2.0 and Laravel 5.3. Nothing goes wrong when I compile with gulp.
But I get this error in the console when I go to /home that links to home.blade.php.
Error:
vue.js?3de6:515 [...
0
votes
0answers
18 views
Speeding Up A Vue.js Component Under Laravel
I have a Vue.js component which gets a big list of releases from the database, at which point we can use all the lovely reactive list-filtering functionality to drill down to what we're looking for. ...
2
votes
0answers
27 views
Vue server-side rendering with vue-router: error thrown
I have a simple app with Vue and vue-router (no vuex), and I need server-side rendering. I'm using pretty much the server code from here:
https://github.com/vuejs/vue-hackernews-2.0
My client-entry....
0
votes
2answers
31 views
vue.js - Implementing Auth0 example in my project gives me _vm.login is not a function(…)
I have to say first.. i'm VERY new to both VUE and Auth0 so my guess.. there are some logical error causing this, and is pretty easy to understand for a more experienced VUE developer.
i'm getting a :...
-2
votes
0answers
39 views
Vue js and Laravel site development
I would like to know . our team thinking to have frontend and backend with two separate location. both frontend and backend will be connected through RESTful API. Is it a good practice ? suggestions ...
2
votes
1answer
49 views
Correctly configure webpack-dev-middleware with vuejs project
I'm new to webpack so it's probably a stupid mistake on my part.
This is my project setup (root, atleast the relevant part):
+-- public
| |
| +-- index.html
|
+-- src
| |
| +-- ...
1
vote
3answers
37 views
v-on:submit.prevent not stopping form submission
I'm quite new to Vue and this will be my second dummy project in efforts to learn more about it.
I currently have a form and I am trying to prevent form submission, according to the docs I can do ...
2
votes
1answer
35 views
Make Vue aware of data changed using jQuery
I've made a little script that appends some 'a' tags to a 'div', in order to enable the user to select the right value from a fixed list (too many options, so options will appear after user has ...
0
votes
1answer
21 views
How to use vue2.0 attribute with Data-attribute
I am new to vue2, I am trying to learn and implement it inside our EPUB format. But the problem is that EPUB parser does to allow custom tags / custom components.
e.g. I cant use <li v-for="friend ...
0
votes
1answer
36 views
Vue & Laravel: Access and use eventHub
In resources/assets/js/app.js I have created eventHub Vue instance:
require('./bootstrap');
var eventHub = new Vue();
Vue.component('todos-list', require('./components/todos/TodoList.vue'));
...
2
votes
2answers
22 views
VUE variable.length works in template, but gives console warning
I have a template in which I need to know the length of a provided variable...
{{ prefix }} {{ prefix.length }}
It spits out the correct information and seems to work just fine, but it gives this ...
2
votes
2answers
40 views
Laravel 5.3, Vue.js 2+ can't get List Rendering (v-for) working
public/js/symp.js (initial post)
new Vue({
el :'#symp',
data :{
tease: 'test',
items: [
{ message: 'Foo', subject: 'A' },
{ message: 'Bar', subject: 'B' }
]
}
});
...
0
votes
1answer
25 views
laravel echo not receiving broadcast
I am trying to receive a broadcast event through via Laravel Echo using Vue 2 and laravel-echo-server, but it just won't work. I have put laravel-echo-server into dev mode as well, and can see that I ...
0
votes
1answer
17 views
Updating an array of Data in Vue JS
i'm trying to make a little DataTable in VueJS 2.0, and i've hit a bit of a roadblock, i'm making a call to a backend route to get some JSON from records in the Database, so far so good.
I want those ...
0
votes
1answer
22 views
Method not defined in mounted hook, Vue JS
So i'm using Laravel 5.3 and i'm trying to create a DataTable as such, i'm trying to create a method that fetches data from the Backend and i'm trying to call it as soon as the component is ready.
I'...
1
vote
2answers
25 views
Pushing to array causes error in Vuejs when attempting to add data
I am working on an infinite scroll solution and I am trying to push data onto an array of objects, but I am getting an error:
vue.common.js?e881:2643 [Vue warn]: Error when rendering anonymous ...
0
votes
0answers
34 views
Vue.js single file components WITHOUT a build process
I love vue.js because of its simplicity, which means I can hack a quick one-page SPA with modern, intuitive data-binding syntax and no complex toolchain.
I also love the idea of single-file ...
0
votes
2answers
55 views
Vue structuring with Vuex and component-specific data
I see a lot of Vue.js projects using this structure:
├── main.js
├── api
│ └── index.js
│ └── services #containing files with api-calls
│ ├── global.js
│ ├── cart.js
│ ...
1
vote
1answer
28 views
Vuex not updating computed variable mapped using mapState
I looked at several questions to figure out what I am
doing wrong. Everything looks to me setup correctly.
GOAL
Based upon the value of COMPONENT A change hide/display content using v-show in ...
1
vote
1answer
36 views
Unable to create Vue Router instance in JavaScript
Following the guide I arrived at the point where I need to create an instance of Vue (which seems to work). However, I also need to provide an instance of Vuew Router into the constructor of Vue, as ...
0
votes
1answer
24 views
In vue2 v-for nested component props aren't updated after element is removed in parent
For my app I'm using two Vue components. One that renders a list of "days" and one that renders for each "day" the list of "locations". So for example "day 1" can have the locations "Berlin", "London",...
0
votes
1answer
16 views
how could I switch <a href=“/main/@{{item.id}}”> to v-bind:href in Vue2.0?
I want to splice attribute like href use v-bind:href in vue2 ?
for example <a href="/main/@{{item.id}}"> to v-bind:href="/main/@{{item.id}}"
0
votes
2answers
37 views
vueify: Failed to mount component: template or render function not defined
i'm using a simple vue.js setup with browserify and vueify.
following previous guidance, i also added aliasify as dependency in order to make use of template engine. here's my package.json file:
{
...
0
votes
2answers
18 views
Passport Components not showing up in Laravel 5.3
I followed this tutorial and I'm on "Passport's default Vue frontend". The problem now is the Vue Components not showing up in Laravel 5.3.
The resources/js/app.js:
var Vue = require('vue');
reuire('...
0
votes
1answer
17 views
Fixed navBar and sidebar overlap Semantic UI
I'm looking to maintain fixed navbar irregardless of sidebar with it appearing under the navbar as in here with attached top/bottom:
http://codepen.io/redshift7/pen/VaKmjq
<div class="ui bottom ...
0
votes
1answer
29 views
Vue Material - Styling the table buttons?
I am playing around with Vue and the Vue Material components, specifically the Table component.
What I would like to do is change the colour of the search icon/button within the table example which ...
0
votes
2answers
35 views
Vue 1.0 -> 2.0 router.start Issue
Previously using router.start w/ Vue 1.0. Migrating to Vue 2.0+, and running into issues (without clear errors) when addressing this deprecation: https://vuejs.org/v2/guide/migration-vue-router.html#...
-1
votes
0answers
46 views
Can't enable import in JS [duplicate]
After checking a whole bunch different blogs I realize that the answer is well hidden by the number of outdated or unrelated posts. So I ask here, instead.
I've placed the import at the top of my ...
-1
votes
0answers
15 views
Unable to execute Vue router failing on import keyword [duplicate]
I'm following this guide and I've got the following setup.
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- ...
0
votes
2answers
26 views
vue.js - Cannot read property 'toLowerCase' of undefined
I am filtering projects with a computed property like this:
filtered_projects() {
return this.projects.filter( (project) => {
return project.title.toLowerCase().indexOf(this....
0
votes
1answer
33 views
How to trigger Vue event when selecting an option from select list
JSFiddle: https://jsfiddle.net/qc7yqvvs/
It works when I use the mouse to click on an option, but if I use the arrow keys to navigate the options it won't update the multiplier. The guide only has ...
1
vote
1answer
42 views
how to tell webpack that do not minify and pack js files
I'm using vue-cli webpack boilerplate in this address:
vuejs-templates/webpack
I want webpack not to minify and pack js files in dev mode.
how it can be achieved?
the problem is that we have a huge ...
0
votes
2answers
25 views
vue.js show component after jquery ajax
I have some components. After a jquery AJAX request i would show a specific component. Is there a function for that?
<comp1 :page="page1"></comp1>
<comp2 :page="page2"></comp1>...
0
votes
1answer
39 views
How to use Vue Router in Vue 2
I'm learning Vue, and started of with the webpack template. The first thing I'm trying to do is to add support for Vue Router, but I've spent several hours on it now without being able to render a ...
