The vue-component tag has no usage guidance.
0
votes
0answers
13 views
Vue 2 v-model data binding with nested property
I have a bound select to nested data:
<select class="form-control" v-model="user_profile.sport.sport_id">
<option v-for="sport in sport_information.sports" :value="sport.sport_id"&...
0
votes
0answers
7 views
Issue importing css/js file in vuejs 2 component
I have the following .vue component file:
<template>
....
</template>
<script>
export default { /* stuff here*/}
</script>
<style>
</style>
Now i would like to ...
0
votes
0answers
13 views
Parent vue missing events fired by child
Code Here + Fiddle
I'm trying to communicate data from a child vue to parent vue.
The parent app.vue registers on events:
created: function () {
this.$on('nickname-selected', function (params) {
...
2
votes
1answer
35 views
vue JS not propagating changes from parent to component
I am pretty new to Vue Framework. I am trying to propagate the changes from parent to child whenever the attributes are added or removed or, at a later stage, updated outside the component. In the ...
0
votes
2answers
57 views
Error: Uncaught (in promise) TypeError: Cannot create property … on string
I'm trying to retrieve data (an array with objects) from my node js server through an ajax request and populate it into my vue instance.
At the following line I get an error:
this.$set('tables', ...
1
vote
1answer
30 views
Using “this” in Vuejs 2.0
I am new in VueJS.
I am having a small problem that i could not figure it out. Hope some one can give me a hint.
I am creating a voice search button, basically when i click the voice button then it ...
0
votes
1answer
9 views
Why are my Vue components invisible? (Single File Component)
Code here
I'm trying to build a Vue Single File Component. After going through some hurdles with Webpack, I finally got to a stage where I see no errors nor warnings, and my bundle.js seems to ...
1
vote
1answer
24 views
VueJS 2 component prop inconsistency when using expressions
I am struggling a bit passing down a piece of information into one of my components.
I am trying to iterate over a list of data and pass in a boolean set to true for the last item of the list. I ...
1
vote
1answer
41 views
Vue.js 2.0 Multi-step Wizard
I am working on a multi-step wizard using Vue.js 2.0.
I have based this on an example I found using vue 1.0.26.
I have updated the code and think it is 90% there but can't figure out how to fix it, ...
0
votes
0answers
16 views
How to append component to body but communicate with parent?
I am trying to do modals in VueJS 2.0.
My goal is to call it from wherever in DOM is it possible and render component as child of body but communicate with component where it was initialized.
What ...
0
votes
1answer
32 views
Laravel 5.3 & vuejs fragment instance issue
I'm running a Laravel 5.3 application which supports VueJS out of the box with webpack. I'm having an issue making using vue-multiselect, which displays:
[Vue warn]: Attribute "v-model" is ignored ...
0
votes
1answer
19 views
Vuejs custom properties on root element
While developing my app I have had a wrapper (simplified for this example) which is the root of all my elements in the site. However I needed to include a component with custom properties alongside ...
0
votes
0answers
28 views
Unable to view vue component on logged in profile
I have a vue component which can be seen on other users's profile but not on logged in user.
when I visit other user's id i can see that component but when I come back to my id it disappears
profile ...
0
votes
0answers
22 views
unable to see vue component on logged in profile
I have a vue component which can be seen on other users's profile but not on logged in user.
when I visit other user's id i can see that component but when I come back to my id it disappears
...
0
votes
0answers
34 views
How to create a component which add nothing the html
How to create a component in Vue which just adds, say, onmousedown listener to its child?
Having that:
<div id="app" class="container">
<foo>
<p>hello</p>
<...
1
vote
0answers
31 views
Is it possible to include Vue Admin (Bulma) into Laravel?
I am pretty new to Vue.js and Js in general. I am using the Bulma.io CSS Framework and found the Vue-Admin Package which provides Vue Components in Bulma Styles.
I would like to use it but I am not ...
4
votes
2answers
193 views
Vue.js - Emit event from directive
Is it possible to emit a custom event from the directive in the component to which this directive is attached.
I was expecting it to work as described in example, but it does not.
Example:
//Basic ...
0
votes
1answer
37 views
How can I run functions within a Vue data object?
So I am trying to use the following component within Vue JS:
Vue.component('careers', {
template: '<div>A custom component!</div>',
data: function() {
var careerData = [];
...
1
vote
2answers
18 views
Vue-Multiselect and Laravel 5.3 options show up as JSON element
I have a Laravel 5.3 app and using vue-multiselect (Version 2.0.0-beta13) for displaying multiple selects. The select's options are fetched via an AJAX GET call to a given route (shortened for ...
2
votes
2answers
30 views
How can I access Vue JS props in a method in a component?
I may be wrong in my understanding of props but I can't seem to be able to pass a prop to a component and then use the value in a method?
So far I am able to get data from a fixed API and output ...
1
vote
1answer
31 views
Vue.js Update template from component method
I want to update a components template when a certain method of the component is called. Just like the resolve function, or the Vue.compile render option, or the v-html binding option (but then with ...
1
vote
3answers
28 views
Pass properties from parent component to all transcluded children component in Vue
I would like to pass some properties from a parent to all of his children when those are transcluded (content distribution syntax). In this case, the parent doesen't know (as far as I know) his ...
0
votes
0answers
30 views
VueJs2 using stores with components
I am using vuejs 2.0 with vue-router and webpack.
I need to list items in a component using the session-store.js which is inside src/stores folder, but I am not able to read data from the store in ...
1
vote
2answers
25 views
Remove repeated elements from v-for in VueJS
I'm using the following code to display categories from an array. The array may contain duplicate categories. Is there any way I can only select unique elements in VueJS?
<li v-for="product in ...
0
votes
1answer
24 views
Vue.js, vuetify.js Accordion do not open
I have a custom component blog and with an accordion (from vuetify.js) I show the posts in the blog (at the end ul>li) using a second custom component blog-post. I tried it without nesting and it ...
0
votes
0answers
59 views
Send data to components in VueJS + Vue Router
I can't pass data from app to compenent. After render it shows only clear html, without data from vue. All works, but without data((
My code from app.js:
var Series = Vue.component('Series', require(...
0
votes
1answer
26 views
Vue.js get unknown Json key for v-for
I built a code analysis tool and I want to set my json Data in a vue Table. However, I need the json Key, which is the Package/File name to the directory which data I want to show.
Here is the json ...
0
votes
0answers
17 views
Foundation orbit with v-for in a vue component
I have a foundation orbit that requires some data from the database, this data includes the image captions and some text. I am using a vue component as follows:
...
<template>
<div class=...
0
votes
1answer
50 views
How can I periodically update my component in VueJS
I have a component in Vue that looks like this:
<template>
<div id="featured_top">
<i class="i-cancel close"></i>
<div v-for="item in toplist">
<div ...
0
votes
1answer
27 views
Push to an array from with in a computed property in Vue.js 2
I am looking to push to an array from with in a computed property in Vue.js 2, Vue is being used within Laravel and I am getting the following response.
createSelection:"(error during evaluation)"
...
0
votes
1answer
35 views
How to dynamically import a component
I'm trying to create a generic form field in Vue that can be configured to use various different widgets for input. I'd like to have a directory of inputs and then import the correct one and use it in ...
0
votes
2answers
48 views
Vue.js: How to get the offsetX from the “currentTarget” when mouse moving over its child elements?
For instant:
<div class="synonym-list-wrapper" @mousemove="onMouseMove($event)">
<ul class="synonym-list" ref="synonymList" :style="{transform:'translateX(' + translateX + 'px)'}">...
0
votes
0answers
28 views
Vue nested object not reacting with equal object
I needed to find a way to modify a component settings through a modal, so I came up with this:
First, I have a "selectedMdl" variable in the parent:
var app = new Vue({
el: '#app-7',
data: ...
0
votes
1answer
61 views
Vue.js ready() method doesn't get called in vue component
I'm using Webpack bundler to serve Vue 2.0 based frontend. The problem is that method ready in components doesn't get called. Do I need to add some extra watch on component or something like that?
My ...
0
votes
1answer
45 views
Sluggish render VueJS page with 2000-3000 items
I have an administrator view which can display a list of users. Complete list is about 3000 entries. I have pagination enabled by default to 100 users/page, but the admin has the option to display all ...
2
votes
1answer
130 views
How to call keypress event in span tags inside contenteditable true div in vuejs / vue.js?
I am trying to create an editor in vue.js which has the structure like this.
This is the code snippet:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"&...
0
votes
1answer
21 views
Vue router-view not rending when using router.beforeEach
I'm working with the Vue Router and I need to use the router.beforeEachcallback to determine if a certain route has been hit. The only problem with this is that when the callback is used the <...
0
votes
1answer
43 views
How to use dynamic style in vueJs
Is there any way to get data as props in vueJs component and use the value inside section?
something like :
<my-component color="red" >
and to use red as a dynamic value inside section of ...
1
vote
1answer
83 views
Vue router2 not catching deep nested routes
My routes has the following structure divided into several files:
export const router = new VueRouter({
mode: 'hash',
base: __dirname,
saveScrollPosition: true,
history: true,
...
1
vote
2answers
311 views
How to use VueJS 2 global components inside single file components?
I am trying to use a globally registered component (with Vue.component) inside a single file component but I am always getting
vue.common.js:2611[Vue warn]: Unknown custom element: <my-component&...
2
votes
1answer
55 views
vuejs2 - how to create event buses for single file component hierarchies
I've found a solution by LinusBorg here, that registers a bus globally in any Vue instance. Is there a way to define this in a component hierarchy instead, so that I can create multiple scoped busses? ...
1
vote
1answer
39 views
Vue Js - issue with axios Performing multiple concurrent requests with laravel
alright I have small issue may be but I can't figure it out.
if I pass only one http request using axios all work good.
but when I use multiple request I get result in console log but can't able to ...
1
vote
3answers
43 views
Treeview with nested inputs with VueJS
I'm trying to build a treeview component comporting inputs in order to change my source json.
The binding part seems to work fine but the hide/show action on branches is broken :
HTML :
<div id=...
1
vote
2answers
29 views
How do I use data from Vue.js child component within parent component?
I have a form component where I use a child component. I want to use data from the child component within the parent.
My component in html:
<candidates-form endpoint='/candidates/create' ...
0
votes
0answers
35 views
Dynamically load VueJs component from other component
VueJS version: 1.0.28
I have a form that adds users to a table. The form hits an api to search for the user's name and returns a result. On hitting enter, a row with the user is added to the bottom ...
0
votes
1answer
13 views
Editing Component template after creating it
I have an array of items(places) and a component that I show for each Item of this array, The problem is I wanna update the HTML of the component depending on each Item; I tried to use created and ...
0
votes
0answers
39 views
Prerendering VueJS application with dynamic components
I have a VueJS 2 mini-application inside a webpage. It is used to manage rows of dynamic components as such:
<div id="app">
<div class="modules">
<div v-for="module, idx in ...
1
vote
2answers
42 views
How to listen all child components rendered in a parent component?
synonym.vue
<template>
<div id="synonym-container">
<div></div>
<div id="synonym-group-list-wrapper">
<ul id="synonym-group-list">
<...
0
votes
2answers
44 views
Data from Vuex storage are not displayed in the vue component
The Vuex storage has a getter which returns object by id.
But I can't use the data from the getter.
When i use computed: data come from getter after the component was rendered, and DOM still empty (...
0
votes
1answer
18 views
Vue.js, parent not responding to child event
I've got an issue where a parent component isn't responding to a child's event. Using the Vue Developer Tools, I can see that the events_loading event is being emitted by the <Calendar> ...
