Vue.js is a library for building interactive web interfaces. It creates data-driven user interfaces with a simple and flexible API.
0
votes
2answers
5 views
VueJS nested list rendering with props
I want to render a nested list with Vue.js, but my code fails at nested component part.
My main template:
<body>
<div id="app">
<ul>
<li v-for="todo in todos">
...
0
votes
0answers
19 views
How to access a JSON value with Vue.js without using v-for
I have the following json:
[{id: 3,
pais: "Chile",
fuso_atual: "-3",
fuso_api: "-7200",
dst: "1",
dst_start: "1476586800",
dst_end: "1487469599",
created_at: null,
updated_at: "2016-12-11 19:19:11"
}]...
-3
votes
0answers
25 views
Is there a concept of queue for asynchronous calls?
I will be using the v-model to bind <input> fields with data so every keystroke (=change of the value of the bound data) will be processed by helper methods which will make AJAX calls to an API.
...
0
votes
1answer
16 views
Tabbed navigation in Vue.Js
I'm trying to create a basic tabbed navigation system with Vue. I'm capturing user's navigation choice and calling a function which changes a certain data. That data is eventually going to determine ...
0
votes
0answers
9 views
Webpack to no longer updating files in browser after adding ProxyTable settings
I am using the Vue.js webpack template (https://github.com/vuejs-templates/webpack) and am trying to call my API during development. I referenced this document for the template http://vuejs-templates....
0
votes
1answer
19 views
One-Way Data Flow: Child component doesn't update when prop is asynchronously updated by parent
All props form a one-way-down binding between the child property and
the parent one: when the parent property updates, it will flow down to
the child, but not the other way around. This prevents ...
1
vote
1answer
31 views
If else statement in vue.js with value from json
I got value from json in table, and I need if else statement.
If value == enabled - some code..
else - some code.
example:
<md-table-cell>
<span v-if="{{row.status}} == 'enabled'">
...
0
votes
2answers
33 views
Vue Js - Radio inputs not updating model value
I have an object containing questions data.
I'm looping through these in the view and then aiming to update the objects 'answer' value.
The questions come from an API and are structured as:
[
{
...
0
votes
2answers
19 views
I am new to vue js … can't display loaded data from a php file
Template part :
`<div class="col-sm-6" >
<ul class="list-group" id="pos">
<li class="list-group-item" v-for="(itm, index) in items">
<strong>{{index}} : {{ itm.sub ...
3
votes
2answers
38 views
Dynamic component click event in Vue
I render Vue components using v-for:
<component
v-for="component in components"
:is="component.type"
@click="myFunction(component.id)">
</component>
Clicking on the rendered ...
-1
votes
1answer
16 views
vue-resource response body null laravel
I have some projects built with Laravel (laravel/framework v5.3.24) and Vue ^2.0.1. I ran composer update which updated laravel/framework to v5.3.26. Strangely after this update, my Vue components, ...
0
votes
0answers
22 views
How to use vue-scroll
I have a use-case where I want to change CSS class dynamically based on scroll postiion, which is described here.
I was thinking of using vue-scroll for this. I made following changes:
Installing ...
0
votes
1answer
35 views
VueJS: How to dynamically change a CSS class after a scroll position
I am creating a webapp with vueJs and bootstrap. I want to change CSS class of an element after a particular amount of scroll, Is there some vue way of doing it.
I want something like following:
<...
-3
votes
0answers
34 views
Angular2 vs Vue.js? Which one to use? [on hold]
I am familiar with Angular1 and wanted to start my new project related to advertisement. Is the Vuejs is better way for my site or I need to continue with Angular2. Which one is faster for development ...
0
votes
1answer
27 views
Getting error “Failed to mount component: template or render function not defined.” while using js file as Vue component
I'm using Vue in Laravel 5.3. I have already worked with Laravel 5.2. But Laravel 5.3 and Vue.js is new for me. So I'm playing with these pair. I have completed Laravel Passport tutorial successfully. ...
1
vote
1answer
17 views
Vue.js: use setTimeout function changing input value?
I'm the very beginning of Vue.js, I just meeting v-model part, here is the code:
HTML:
<div id="app">
<p> {{message}} </p>
<input v-model="message" id="input_id">
</...
1
vote
1answer
22 views
Unexpected template string expression in Vue.js
everytime I code like this ${row.name}, I get this error "eslint.org/docs/rules/no-template-curly-in-string Unexpected template string expression".
Any help?
0
votes
0answers
13 views
Vue JS Component reattach or Cache
VueJS component doesn't get cached or atleast reattached after navigation. On refresh or launch everything gets attached and rendered well but after navigating to another page then back. The First ...
0
votes
0answers
20 views
How to find parent index and properly slice array of data with Vue and Dragula?
I'm trying to integrate Dragula into a simple Vue page. The goal is to create a list of form fields. Some of those form fields are select fields with a series of drag/drop options.
The problem that ...
0
votes
1answer
21 views
What are the downsides of installing Vuel.js with a script src link?
I am new to programming and I learned how to use laravel and vuejs (which now ship together in laravel 5.3). I'm only practicing Vuejs right now, and was wondering what is so wrong with installing ...
0
votes
1answer
17 views
Vue-router with webpack, can't access $route
<template>
<div>
{{$route.params}}
<button v-on:click="test">dasda</button>
</div>
</template>
<script>
export default{
methods: {
test: (...
1
vote
2answers
21 views
Ensure multiple instances of the same component have non-shared state
I have an app in which I have a counter which shows a value, and a button that can increment that value.
I used simple state management from scratch as the docs suggest.
I can add counters to this ...
0
votes
1answer
16 views
VueJS and MDL refresh or reload issue
Using vue + vue-router and mdl [https://getmdl.io/] and while testing a component which contains a form and various input types.
I noticed that when the page is refreshed, checkboxes and input forms ...
0
votes
1answer
23 views
Vue.js 2.0 bootstrap app.vue
I've got a strange problem that I do not understand. So I've made one main App.vue instance. I bootstrap it like this:
import Strip from './Components/Shared/Strip.vue';
import Bar from './...
0
votes
2answers
33 views
Using reusable components in Vue 2 in comination with vue router
I seem to do something wrong when I'm trying to target child components in nested router-views with click events.
Current situation:
I have a component one and component two. Both have a child ...
1
vote
1answer
30 views
How to render by Vue instead of Jinja
<template id="task-template">
<h1>My Tasks</h1>
<tasks-app></tasks-app>
<ul class="list-group">
<li class="list-group-item" v-for="task in ...
1
vote
1answer
36 views
Vue.js resource not working with Laravel 5.3 out-of-box config
Working with fresh install of Laravel 5.3 with Vue.js included and configured out-of-the-box:
this.$http.get(url) returns error:
TypeError: this$1.$http is undefined
Replacing that with Vue.http....
0
votes
1answer
11 views
Css fails to parse using vue webpack-simple
I have created a webpack-simple project as explained here: https://github.com/vuejs-templates/webpack-simple.
Next, I installed vue-codemirror (link) with npm install vue-codemirror --save. In main....
1
vote
1answer
26 views
Update a template after state changes using non-vuex state management
I am making an app which increments a value when you click a + button.
I am following the example from the documentation on Simple State Management.
I have set up an event handling method which ...
0
votes
1answer
19 views
Can't get a reset button to clear out a checkbox
I'm using Vue.js v2 and I've defined a single-file component, RegionFacet.vue. It lists some regions that relate to polygons on a map (click a value, the corresponding polygon appears on the map).
...
1
vote
2answers
24 views
Using Vue.set() and Vue.use() in .vue files
How can I use Vue.set() and Vue.use() in .vue files? I'm using the vue-cli to scaffold my project and I need to use Vue.use(VeeValidate) for validation. Also I would like to use something like ...
0
votes
1answer
17 views
Vue 2.0 Larave. 5.3 Nesting component in a component
how can I properly use another component within a component? it shows warning of syntax error after I adding both
import Item-card from './components/Item-card.vue';
and
components::{
'item-card':...
0
votes
1answer
17 views
How to set global delimiters in Vue.js 2.0?
In Vue.js 1.0, I can set global delimiters by the following codes
Vue.config.delimiters = ['${', '}'];
But It was removed from Vue.js 2.0.
Must I use the following codes to set delimiters every time?...
0
votes
2answers
27 views
Loading data to store in Vue not working when routing from URL (works when clicking on a button)
Sorry for the somewhat clumsy wording of the question. I'm a bit uncertain how to phrase it perfectly so feel free to suggest an alteration.
I have a menu system where clicking on a link loads data ...
2
votes
1answer
31 views
vuejs : passing props down to a component in javascript?
How can i pass down props to a javascript Vue component.
this is how i normally do it.
<child prop="value"></value>
but i want to do it like this
var Child = Vue.extend({
...
});
...
0
votes
1answer
28 views
vue2 plus vee-validate - how to customize error messages without ES6?
I am trying (without a success) to customize error messages for vee-validate, but all the examples on the website use ES6. I can bet it's doable also without it, so any suggestions what I am doing ...
1
vote
0answers
36 views
Vue.js 2 - Sum Computed Properties using child components
I'm trying to sum a computed property (effectively sum a column in a table), but it returns 0 (Total Net - bottom of last column). See fiddle: https://jsfiddle.net/2djreyds/ I think it has to do with ...
0
votes
0answers
29 views
vue interpolated value not updating
I'm using Vue JS 2.0 and this is a table I'm trying to display. Everything displays properly initially but when I update(in a method called editPlayerStat) editedPlayers[any-Player-Id], it doesn't ...
0
votes
0answers
20 views
How to implement D3 for Vue.js
There are various implementations of D3 with React. One of the more interesting ones uses the react-faux-dom project. Advantages to this approach are that React knows about DOM elements created by D3 ...
0
votes
3answers
36 views
Vue.js event emitting from child component to (grand)parent component using global eventbus
I want to use a global eventbus to emit events from a child up to a (grand)parent.
In My main.js: I make a global eventbus available to all components.
import Vue from 'vue'
import App from './App'
...
0
votes
1answer
32 views
vuejs v2.0 pass data to component
I built an app on Laravel 5.3 using vue.js and im starting to move over to vue.js to make the pages dynamic. I got everything working on a single page so want to convert that over to a component but ...
1
vote
1answer
38 views
Vue2: Page Is Not Rendered
Getting started with Vue 2 and nothing renders via vue-router. I do not receive any errors in the console, so I think I'm missing something very basic. (The app component is just the standard one that ...
-1
votes
1answer
22 views
Vue 2.0 bootstrap 3 datepicker component
Where can I find a decent vue 2.0 bootstrap 3 datepicker component. I have tried almost everything out there. Most of the datepickers are vue 1.0 compatible.
I'm looking for something simple, to ...
2
votes
1answer
32 views
Rendering a list of different component types in Vue
I have a list of objects. Each object contains a type field that is used to determine the component that is needed to be rendered. For example, for paragraph type I would need to render a component ...
1
vote
3answers
33 views
Update the value of a selected object in Vue
I wand to select an option from a multiple select field and update the prozent value of the selected objects:
<div id="assistenzen">
<form>
<select v-model="assistenz" multiple>
...
1
vote
0answers
30 views
check all boxes checked when click on parent checkbox only with Javascript? [duplicate]
I am building a tree traversal in vue.js. When I click on parent checkbox, it will check all child checkbox. This is work fine for in jquery, but is this possible to construct only with javascript ?
...
-3
votes
0answers
29 views
How to select next element without jQuery in vue.js?
I want to select all child element li from ul.
with jQuery its possible to select all child using tree traversal. Is there is a way to do same in vue.js without jQuery?
un-order list is describe ...
0
votes
2answers
25 views
Do I need to explicitly declare all component properties (vue.js)?
I'm working on a component which is a kind of glorified input control, which will save a lot of the repetitive HTML of forms with Bootstrap grids (having to put a label next to each one, assign a 'for'...
0
votes
2answers
14 views
Vue.js - 2 way binding not working. Data is not updating when changed in a component
I have a 'Builder' component and I am passing a variable named 'formula' to that component, but the changes made in this variable in 'Builder' component do not get updated in current component.
<...
1
vote
1answer
33 views
VueJS 2 - Update modal component when passing in data
I'm working on a simple modal component in VueJS 2. I'm firing an event from another component that passes an object myobject though to the one shown below yet the string myobject.name and the image; ...
