The vue-component tag has no usage guidance.
0
votes
0answers
15 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
2answers
22 views
Vue.js: How to let parent element as an proxy to receiving events comes from its child element?
For instant:
<div class="synonym-list-wrapper" @mousemove="onMouseMove($event)">
<ul class="synonym-list" ref="synonymList" :style="{transform:'translateX(' + translateX + 'px)'}">...
0
votes
1answer
23 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
32 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
101 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
13 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
30 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
74 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,
...
0
votes
2answers
233 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
36 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
20 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
35 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
26 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
31 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
37 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
37 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
38 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
17 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> ...
0
votes
1answer
32 views
I want to dynamically create new instances of a Vue component with information attached to each of them. What's wrong with my code?
What I want to do:
I have multiple select elements
Each time I pick an option out of them, that option is added to an array of keywords
Each keyword will be displayed in a "tag" component
Each of ...
0
votes
1answer
7 views
Vue.js 2, change data from directive
Using single file components, how can I change a data property from a directive?
So for example, I've got...
export default {
name: 'app',
data: function() {
return {
...
0
votes
0answers
13 views
Foundation orbit with v-for
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
19 views
Reloading page is flashing content on slot in vue component
Is there any way to avoid this flicker on page refresh, it's a modal component which takes HTML as slot, but when I refresh the page it flashes. My app is not using a router so it's not complete SPA.
...
0
votes
1answer
24 views
Passing an array to a component in Vue.js 2.0
I am passing an array to a component in Vue.js but it is not passing properly. Strings pass fine. My code is below:
Vue code
<template>
<div class="panel panel-default">
...
0
votes
1answer
29 views
vue multiselect 1.1.4, select value by id
i added multiselect component which looks like this
View
<multiselect
:options="books"
:selected="selectedBook"
:show-labels="false"
placeholder="Choose your book"
label="name">
&...
0
votes
1answer
33 views
How to reuse a global javascript file within a vue component
I have a Lang object created from lang.min.js from:
https://github.com/rmariuzzo/Lang.js
in my Laravel app I have the following in app.js:
import SearchToggle from './components/toggle.vue'
import ...
0
votes
2answers
33 views
Sharing application store state
Im using Vue and Vuex in my application and I have some components. By the time passing I know I will probably have a few more which is gonna be a lot. So I have a problem with sharing the app state ...
0
votes
2answers
60 views
How to wait for ajax call from main Vue instance?
I currently have VueJS components that makes an ajax call to github like so:
(Child) component
Vue.http.get('user/repos').then((response) => {
console.log(response);
}, (response) => {
...
0
votes
0answers
45 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', ...
1
vote
2answers
74 views
Vuejs js for multiple pages not for a single page application
I need to build an application using laravel 5.3 and vuejs 2, because of I need to use two way binding rather than use jquery.
I need to do views with blade templates. Now i need to use vuejs in ...
2
votes
1answer
57 views
How to get vuex state from a javascript file (instead of a vue component)
I am working with vuex (2.1.1) and get things working within vue single file components. However to avoid too much cruft in my vue single file component I moved some functions to a utils.js module ...
2
votes
1answer
39 views
How to write test that mocks the $router object in vue components
I have a component that contains statement like this.$router.fullPath, how should I mock value of fullPathof $router object if I want to test that component?
0
votes
2answers
23 views
Toggle inside v-for items affects the entire list, how can I make the each toggle affect only the containing list item?
I'm making a list of items with v-for loop. Inside each item of the loop there is button with click event method that showing description text.
When i click on the button, it should toggle only inside ...
0
votes
0answers
19 views
[Vue warn]: Unknown custom element: <post> - did you register the component correctly?
I'm trying to create my first component but i have problem. Any suggestion how can i fix this
This is my jsbin:
http://jsbin.com/hijuyofeko/edit?html,js,output
<div id="home">
<div class=...
1
vote
2answers
198 views
VueJS 2: Catch event of direct child component
I'm currently trying to get a simple Tabs/Tab component up and running.
It seems like something in the event handling mechanism has changed, therefore I can't get it to work.
Current implementation:
...
1
vote
1answer
22 views
How to resort components after rendering theme
lets say I have an array (of places in the map) that I loop through :
<div class="row" v-for="place in places">
<place :place="place" v-if="place.distance"></place>
</...
2
votes
1answer
33 views
Vue.js - apply a class by default unless a class is manually added?
I'm just starting out in Vue.js and I'm a bit stuck figuring out if this is possible. Given the following component:
<button class="button large primary-gradient">{{ text }}</button>
If ...
1
vote
1answer
29 views
Vue passing data to the component
My child Vue component always returns undefined when I try to pass data to it from the parent Vue object.
Here is how I define the component:
var Candidates = Vue.extend({
template: '#...
0
votes
3answers
362 views
vuejs route between components scroll same
<template>
<div class="index">
<common-header id="common-header" class="common-header" v-el:commonheader></common-header>
<router-view transition keep-...
1
vote
1answer
64 views
How to do two way binding in custom directives in Vue.js 2?
Hi I am looking for a solution for two way binding in Vue.js 2. I found a answer here about two way binding but it is in Vue.js 1. I tried to work it in Vue.js 1. But it didn't work. Can anyone help ...
0
votes
1answer
21 views
Redraw Highcharts on Vuejs app
I'm building a little pension calculator where I want to show the value of the pension pot depending on the users current and retirement age.
I'm looking to take the user's data, number fields bound ...
-1
votes
1answer
26 views
pass a value of variable from child component to parent
how can i pass a value of a v-model from a component inside another component to its father? I made a little typeahead component which is inside a form component, now i'm trying to get out the query ...
1
vote
2answers
60 views
Vuejs and Request: Computed property function doesnt display GET JSON value
I have a Vue instance.
// create a root instance
var app = new Vue({
el: '#app',
data:
{
album: '',
artist: '',
link: '',
genre: '',
rating: '',
...
1
vote
1answer
27 views
How to publish/use a node module in laravel 5?
I have my laravel application and I'm starting to use Vuejs. I'm new with this and maybe I'm missing some core concepts.
Anyway (for example) I'd like to use this component: A multiselect having a ...
2
votes
1answer
54 views
Vue v-on:click does not work on component
I'm trying to use the on click directive inside a component but it does not seem to work. When I click the component nothings happens when I should get a 'test clicked' in the console. I don't see any ...
1
vote
1answer
23 views
Vue.js Sorting using a underscore sortBy
Trying to implement a sortBy method on a Vue component. Here's what I have so far.
var studentTableComp = {
template: '#studentTable',
data: function () {
return {
...
2
votes
1answer
39 views
VueJS accessing components from instance
I am looking for a way to access my component's method from my instance
<button id="live" class="ui primary button" v-on:click.prevent="live">
Live Text
</button>
which is directly ...
2
votes
2answers
27 views
How to 'import' a Vue component into a Vue component
This may be a really silly question, but nonetheless, something I can't find an answer to.
So, I am building up a Vue component and would like to access vue-spinner's component(s) inside of my ...
1
vote
1answer
24 views
How to dynamically add template with set of configs in VueJs?
I use VueJs to make dynamic grid structure.
This Grip need some set of configs like,
var sets = {
"nb": 3,
"column": 4,
"list": false,
"action_text": "...
0
votes
2answers
44 views
Append dynamic vue component after specific element
I want to add component in random position (not random actually, based on some logic) based on click of other elements.
In jQuery, we can achieve that by $('#someId').append('element') or by $('#...
