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
6 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
12 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
13 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).
...
0
votes
2answers
15 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
15 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
12 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
20 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
23 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
12 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
31 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
17 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
16 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
22 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
22 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
30 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
19 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
26 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
2answers
26 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
29 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
27 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
22 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
12 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
21 views
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 ...
1
vote
1answer
14 views
Vue router components evaluated on import
I have an application like
import Vue from 'vue';
import VueRouter from 'vue-router';
import router from './routes.es6';
Vue.use(VueRouter);
new Vue({
router,
}).$mount('#app');
routes.es6 ...
1
vote
1answer
17 views
VueJS2 and Laravel Auth (and history mode)
I'm creating a backend system that I want to use VueJS2 for with a Laravel backend. The problem i'm facing at the moment is integrating this all together while keeping the 'tidy' URLS (no hashbangs) ...
1
vote
0answers
23 views
Vue.js not correctly rendering dynamically loaded select tag options
I'm trying to render a select tag with options loaded from a Vue object, but, as you can see by the way this is rendered, it looks like something's wrong:
Now this is the markup for the select tag:
&...
1
vote
0answers
12 views
Databinding in Vuejs via requirejs
I am looking into Vuejs under Laravel 5.3 and I am stuck on this problem:
I want to load the vue files via require, but I also want to hand over data from the main file via props.
For example I have ...
-5
votes
0answers
15 views
Char '+' in url encodeURI -ed to '%20' instead of '%2B' in vue router
Char '+' in url encodeURI -ed to '%20' instead of '%2B',
then it will be decodeURICompent -ed to ' '
0
votes
3answers
25 views
vue: Uncaught TypeError: Cannot read property … of undefined
I'm using [email protected] and the vue official webpack template to build an app.
When developing locally, I often see the warning Uncaught TypeError: Cannot read property ... of undefined, but the HTML can ...
1
vote
2answers
55 views
Vue.js 2 - Computed property in v-for list repeater
I'm trying to add some computed columns to a table (see last three columns). I have a feeling it has to do with the computed property not referencing the record correctly. I am sure missing something ...
7
votes
2answers
67 views
Vue.JS 2.0 slow when modifying unrelated data
Suppose I have an input field in Vue.JS that v-model bind to a String data property, and a long list of random numbers that are completely unrelated to that first String.
data: {
input: "",
...
1
vote
1answer
31 views
Event handlers and components in vue.js
How would I specify a kind of change/input handler to be used by a component in vue.js, when I already have one in place in the component? I have a text input which in very simplified form is akin to ...
1
vote
1answer
24 views
Vue.js working with xml feed
I starting working on my personal site using Vue.js. And now i'm suddenly stuck. I want to shot the five newest post om my Jekyll blog on the page.
That's why i'm looking in the http://todayilearned....
1
vote
1answer
63 views
Bootstrap v4 carousel not working
I am using carousel of bootstrap v4 in a vue webapp. I am using as it is in the sample example, but it is not working in my local, neither it is giving any error.
<div class="col-xs-5 card prod-...
0
votes
1answer
31 views
Vue 1.x/2.x: Get vue-router path url from a $route object
As we know, we can use vue-route to wrap some route paths.
<!-- vue 1.x -->
<a v-link="{name: 'route_name', params: {id: 1}}"></a>
And in vue2:
<!-- vue 2.x -->
<router-...
-1
votes
3answers
66 views
Why can't I concatenate these two arrays? [duplicate]
This is the code (a Vuex mutation):
export const CREATE_PANORAMAS = (state, panoramas) => {
console.log('building.panoramas:', state.building.panoramas)
console.log('panoramas:', panoramas)
...
-1
votes
1answer
14 views
Content not showing inside .vue file
I have a Index.vue file and it has the following contents, but this content is not showing.
<div>
test
</div>
<script>
export default {
//
}
</script>
-4
votes
0answers
34 views
Difference between nodejs and vuejs
I am getting started with but literally confused between these two. Can any one elaborate me about nodejs and vuejs. Some sort of guidance will be appreciated. Thanks!
0
votes
2answers
29 views
Computed getters and setters for dynamic options
I use Vuex with my Vue components. When my components have static fields that are editedtable, they are easily handled with computed properties:
computed: {
text: {
get() {
return ...
...
3
votes
2answers
43 views
is it possible to specify which component should be used on router.go() in VueJS
In VueJS im trying to setup a scenario where the component used is determined by the url path without having to statically map it.
e.g.
router.beforeEach(({ to, next }) => {
FetchService....
0
votes
1answer
35 views
Vue.js nested for loop input field model binding
In this example I am allowing the user to create their own typed list of sections. Each type has it's own form fields. The form fields render properly however, if I enter data into one of the fields ...
1
vote
2answers
30 views
Validate child input components on submit with Vee-Validate
I'm currently trying to create a Registration form with multiple "Input Field" components which all require validating once Submit has been pressed. They all currently validate on their own accord ...
0
votes
0answers
38 views
Vue.js error : Cannot read property '_parent' of undefined(…)
i am trying to use Vue.js global event bus. Here is my code. I checked lots of examples which are working fine but when i try to use the same idea to code for my project it's showing this Error:
...
1
vote
2answers
30 views
V-model is not binding as expected
I have a table that iterates over a list of products. For each product in the table I have an input where the user can choose how many units he wants of the product in this row. Then I have another ...
2
votes
2answers
36 views
How to set “v-on” on content added with “v-html” in Vue
Is it possible in Vue to add v-on events on strings added in v-html?
In the example, when clicking the 'Maggie' link nothing happens. It doesn't seem to be registered with Vue.
Or maybe there's ...
1
vote
1answer
29 views
Mount parent component in child
I have two files named Recursive.vue and Value.vue.
In the first instance Recursive is the parent. Mounting Recursive in Recursive goes great, same for mounting Value in Recursive and after that ...
0
votes
1answer
24 views
undefined error in v-show vue
In my Vue 2.0 .vue component file, I've got two 'conditions' and based on when they become true, I show them to the user. I have a button to toggle
<tr v-show="showMonth" v-for="player in players"...
2
votes
1answer
37 views
vue.js not updating attributes in nested v-for loops
I'm playing around with vue.js and react, and I'm currently trying to adapt a simple editable HTML table example from a book on React that I have in order to learn Vue.
Here is what happens in the ...
0
votes
1answer
30 views
vue.js child-parent component communication
I am trying to call functions from my component to my vue for login.
this is my component :
Vue.component('auths', {
data: function() {
return {
ip: '',
sessiontoken: ''
}
},
...
0
votes
0answers
55 views
Error with Gulp file: “The following tasks did not complete: other” on a Vue.js project
I'm working on a Vue.js project that uses Karma, Webpack, and AWS. Everything was working fine but suddenly I'm getting this error when I run "npm run build" after cloning the repo and doing "npm ...
