Tagged Questions
Vue.js is a library for building interactive web interfaces. It creates data-driven user interfaces with a simple and flexible API.
1
vote
1answer
19 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
0answers
13 views
Issue rendering child views in Vue with Vue Router
I'm having trouble getting my child views to render in Vue.
My main.js file looks like this
import DashboardProducts from './components/Dashboard/DashboardProducts'
import DashboardSettings from './...
2
votes
1answer
13 views
How to load all server side data on initial vue.js / vue-router load?
I'm currently making use of the WordPress REST API, and vue-router to transition between pages on a small single page site. However, when I make an AJAX call to the server using the REST API, the data ...
5
votes
5answers
3k views
Conflict on Template of Twig and Vue.js
I'm doing a program using Slim 2 that uses Twig as my templating engine. so It uses the syntax {{ foo }} in php file. On the other hand, I'm using vue.js, it also uses {{ bar }}.
E.g.
I'm gonna do ...
0
votes
1answer
18 views
Passing props to instances mounted on existing markup and created with Vue.extend
I want to substitute parts of a website with instances of Vue. One of those instances is a simple countdown. I use the following syntax to create an instance:
const Countdown = Vue.extend({
....
})...
3
votes
2answers
78 views
How vuejs knows the depenedencies of computed property for caching?
I have this Vue.js code:
new Vue({
data:{
myValue:'x',
myOtherValue:'y'
},
computed: {
myComputed: myFunction(){
return this['my' + 'Value']
}
}
})
...
0
votes
1answer
23 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
2answers
231 views
VueJS Print HTML to Page
I have a property which contains a HTML string as one of its attributes.
When I try and print this to the page within my template, it actually prints the HTML. So the text contains HTML tags, and it ...
2
votes
1answer
19 views
Can SimpleTemplate ignore variables in a template file?
We're trying to build a simple web application based on bottle and using the SimpleTemplate module to template files. The site is built using Vue.js.
The bottle templates syntax is {{ }}, which Vue....
0
votes
1answer
33 views
How to add vote without refresh with vue.js?
I have a problem when I try to vote, because i need to refresh page so that vote appears. Any suggestion how can I make my vote appear in my view without refresh?
In my view i foreach comments :
@...
4
votes
2answers
309 views
Vue unit test error: vuex requires a Promise polyfill in this browser
I created a project using vue-cli and added vuex and vue-router in it. I am trying to setup unit test for it, but I am getting following error. Without vuex it used to work.
PhantomJS 2.1.1 (Mac OS ...
0
votes
1answer
25 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 ...
4
votes
1answer
42 views
Vue + Firebase: Users being created but logged in under other users accounts
I'm having a pretty weird issue in Firebase where if I create a new user with the same password as a previous user that new user is being created with the correct information but is being logged in ...
firebase
0
votes
1answer
18 views
Vue.js Push and the back button
I have a list of items in a Vue.js template. The user starts at '/list', which is a list of items. When an item is clicked, I use $router.push to send the user to a route. The route I send the user to ...
0
votes
1answer
20 views
Why does my url keep getting changed by vue.js routing?
I have a pretty simple page right now that I'm just setting up for future development but it's kind of come to a halt now that my URL keeps getting changed.
import shipmentInformation from './...
0
votes
0answers
5 views
Using kazupon/vue-i18n inside a state of Vuex
Using https://github.com/kazupon/vue-i18n for localization
Vue.t() || $t() || trans() receive a string which is a key to be translated by vue-i18n
Hey guys! I'am trying the following code:
import ...
0
votes
1answer
30 views
Vue 2 - How to set deafult type of array in props
I have my Vue component, which is taking an array of objects as a prop.
I use prop validation often, especially for 'default' value feature.
in this case I have:
props: {
items: Array
}
but I'd ...
0
votes
0answers
24 views
Disable vue-router for certain routes? Or how to run SPA backend, and non-SPA frontend?
so I'm developing a website/webapp in Laravel 5.3, and Vue 2. SEO is important, so I'm wanting to keep the frontend/crawable section of the site in Laravel + Blade, and only small non necessary ...
1
vote
3answers
55 views
Vue-router reload component
I have a few routes that each load 3 components. Two of the components are the same on all routes.
When I move between those routes I want to pass new data and on some init event of the component I ...
0
votes
0answers
56 views
How to create an online user list?
I am trying to create a real time list of all online users in Laravel with Pusher, but I don't know how to do it with Vue or anything else.
I have created an event that receives the username of the ...
0
votes
1answer
40 views
How to change upvotes and downvotes directly in databes with vue.js?
I'm dislaying my comments from databse:
@foreach($comments as $comment)
<div class="comment_list">
<div class="row">
<div class="col-...
0
votes
2answers
31 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
1answer
20 views
Vue.js - component that binds a binary string to checkbox inputs
In Vue.js, how would I write a component that binds to a string of 1s and 0s, such as "111001011", and represents this data to the user as a set of named checkboxes?
0
votes
0answers
33 views
+50
PhpStorm inspector does not recognize the colon symbol in XML attribute
I am trying to make a syntax highlighting for Vue.js. But it does not work with :attr, at all.
(?!v-for)(v-.*) and @[a-z].* works as well. But this does not work even like
\ automatically deleted ...
intellij-idea
phpstorm
webstorm
0
votes
2answers
39 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
1answer
596 views
VueJS routes with component tag not working
Whenever I use the component tag which has an id of #app within the template inside my components/App.vue it returns the following errors:
// components/App.vue
<template>
<div id="app"&...
-3
votes
1answer
34 views
VueJS 2 vue-router 2 (laravel 5.3)
I am trying to link between (VueJS 2) components using (vue-router 2) router-link. When a link is clicked, the URL is not updated used in blade (laravel 5.3) i used router-link and already v-link is ...
1
vote
2answers
56 views
API-Centric app in Laravel 5.3
I want to make API (Laravel) and SPA (Vue.js) that uses this API. But I am not sure how to accomplish that.
2 separate projects (1 Laravel project for API and 1 Vue.js project for SPA)
or
1 Laravel ...
-3
votes
1answer
19 views
Vue span value from methods
I want to get the value from methods and put this value in span element
There is my pseudo code and I don't know what is the right way to do that. Maybe stored in data?
<li v-for="item in items"&...
0
votes
0answers
21 views
Vue Uncaught RangeError Maximum call stack size exceeded
when i build my vue project, browser always throw error: Uncaught RangeError Maximum call stack size exceeded, no matter it is in proxy environment or not.
versions:
*vue@ 2.1.8
*[email protected]
*...
0
votes
1answer
46 views
How to set a <div> style in reaction to a Vue.js data member change?
Summary
I would like a <div> to be square (height equal to width) when the size of the parent <div> changes due to a change of its content (which can span one or more lines).
Details
...
0
votes
1answer
21 views
Create an object from array using Vue.js
I am looking to create an object from an array adding an additional key and default value. The array below is what I wish to create.
meal_choices: [
eggs:{ selected: 0 },
...
1
vote
2answers
43 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 ...
0
votes
2answers
16 views
How to submit vue-google-maps placeInput to server?
I have a form in my application. I also have a view component that creates an input field using vue-google-maps.
I use this component within my but there is no name attribute so my server does not ...
google-maps
0
votes
0answers
30 views
What is the appropriate way to change component view-model data from within a Vue.js directive?
While reading the documentation on writing custom directives for Vue, the section on Directive Hook Arguments states the following:
Apart from el, you should treat these arguments as read-only and ...
1
vote
2answers
41 views
how to clone objects javascipt webpack
//bootstrap.js
window.numToRubles = require('./custom/rubles');
//in rubles.js
(function() {
var rubles = function(number, template) {
....
return text;
...
0
votes
1answer
14 views
Why doesn't Webpack-Dev-Server (inside docker container) detect file changes when used with a new Vue.js CLI Webpack Template Project?
When starting a new Vue.js Webpack template project from the terminal with the Vue CLI (I did this inside a docker webpack container that I built with Vue CLI installed) using the documented startup ...
6
votes
2answers
105 views
+100
User registration for API/SPA
I am creating an API and a separate front-end app that will consume said API. In my particular case I'm using Laravel Passport for my API and some VueJS for my frontend app.
In order for a user to ...
1
vote
1answer
38 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 ...
0
votes
0answers
19 views
How to create dynamic inputs from checkboxes using Vue.js 2.0
I have managed to achieve the data movement however have two problems.
If a checkbox is changed the total stays the same and doesnt deduct the unchecked food.
Rather than adding the numbers together ...
10
votes
2answers
9k views
Call a Vue JS component method from outside the component
Let's say I have a main Vue instance that has child components. Is there a way of calling a method belonging to one of these components from outside the Vue instance entirely?
Here is an example:
...
0
votes
1answer
15 views
module parse failed when include jquery and bootsrap
I am adding SB Admin template in my .vue file,
When I include jquery.js and bootstrap.js in my main.js it returns following error:
ERROR in ./~/bootstrap/dist/js/jquery.js Module parse failed:
...
0
votes
3answers
202 views
How can I add pagination in listing page using vue js and laravel?
I have a listing page using vue js and laravel. In this page filtering and sorting functionality is also included. Currently listing, sorting and filtering are working fine. I need to include ...
0
votes
1answer
39 views
Vue.js watch a nested property inside array
I got a vue object like this:
var vm = new Vue({
el: '#app',
data: {
items: [],
index: 0
},
});
Inside items array i ...
2
votes
1answer
28 views
child not updating based on props in Vue.js
I have something like this in my parent scope:
<form-error :errors="errors"></form-error>
<textarea class="form-control" name="post" cols="30" rows="8" @keydown="errors.clear('post')" ...
0
votes
2answers
21 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 ...
2
votes
4answers
115 views
geocomplete with Vue js — location being erased
I'm trying to use jQuery geocomplete along with Vue.js to populate a form with geo data.
My code contains this form:
<form>
<label for="get-offer-location">location: </label>&...
2
votes
1answer
34 views
Responsive SPA and VueJS
In the past, due to lacking any real CSS skill and design capabilities, I just started out with bootstrap. VueJS looks very interesting to me for my next project. I started down a path with it but ...
1
vote
1answer
22 views
element Ui: Carousel - How to set current slide
I have hard time to figure out how to use the carousel and more specifically how to set the current slide.
Here is the doc of the component
Here is the fiddle
<div id="app">
<button v-on:...
2
votes
1answer
39 views
what is the difference with Array.prototype.splice and arr.splice in vuejs?
code:（vue2.0, vue-router）
<template>
<a v-for="apiItem in allApis" href="#"></a>
</template>
<script>
computed: mapGetters([
'allApis'
]),
</script>
and ...
