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
13 views
Vue router - optional route groups
I have a question about vue-router. How could I accomplish a route / routes like this:
example.com/blog/category/value/tags/value/page/value
Category, tags and page should be optional.
So if I ...
0
votes
0answers
17 views
Multidimensional form array with Vuejs and Laravel 5
I am posting an array of form data using VueJs, this is what it looks like:
hives: [{
hive_type_id: '',
quantity: '',
yard_id: this.yardId,
action: 'added',
added_from: '',
...
0
votes
0answers
12 views
How do i extend a component without altering the parent template? (VueJs)
Let's say I want to extend VueStrap Input component to create an amount input component that formats the value prop of 12345.67 (float) into 12'345.67 (string) offering a two way binding so that in ...
0
votes
0answers
30 views
Can't start iterate array of object
I am fill array with Objects before iteration with next code:
if(!App.$refs.userContent.LoadedBaseMapLayersContent.includes(response.data[0]))
{
App.$refs.userContent.LoadedBaseMapLayersContent....
0
votes
2answers
15 views
Vue JS focus next input on enter
I have 2 inputs and want switch focus from first to second when user press Enter.
I tried mix jQuery with Vue becouse I can't find any function to focus on something in Vue documentation:
<input v-...
1
vote
0answers
8 views
how to index a dynamic page on google that has no public link to it?
I came accorss a very big question, i'm currently making a web app. Here's an overview :
Public pages :
/home
/login
/post/:id (so each dynamic page must be public and indexed)
Private pages
/...
0
votes
1answer
25 views
Maximum number of characters in a v-for directive expression in Vue.js?
I was playing around a little bit with Vue.js (v.2.0.1). I created a very simple api using Laravel 5.3 in the backend:
In my routes file
Route::get('/', function () {
$tasks = Task::where('id', ...
0
votes
2answers
277 views
Vue.js and vue-i18n, json from $ajax to object literals
I am using Vue.js with the plugin vue-i18n for internationalization purposes. It accepts a lang and a locales parameters, the later being a list of property names and associated values (object ...
1
vote
0answers
12 views
How to bind vue click event with vue tables 2 (JSX)?
Using https://github.com/matfish2/vue-tables-2, with Vue version 2, I can't seem to bind the click event on JSX (on templates->edit):
var tableColumns = ['name', 'stock', 'sku', 'price', 'created_at']...
0
votes
3answers
28 views
Broadcasting event from parent to child fires all parent's children in Vue.js
I have a parent component and a child component.
In my parent component I have an event on an span:
<span @click="toggle(model.id)" class="open-folder">[{{open ? '-' : '+'}}]</span>
...
0
votes
2answers
38 views
Vue.js with laravel 5.3
I'm using Laravel 5.3 with Vue.js(very new to this).
Here's my current code
app.js
var vm = new Vue({
el: '#app',
data: {
messages: []
},
ready: function(){
...
0
votes
0answers
10 views
Keeping reactivity while doing http request into another component
I have this app structure
<header-bar></header-bar>
<bag :bag="bag"></bag>
<!--Main Section-->
<section class="MainSection">
<div class="...
0
votes
0answers
8 views
SyntaxError: Unexpected token … (82:8) in Browserify
I'm trying to use the mapActions in Vuex as given in Vuex Actions
methods:{
...mapActions([
'increment' // map this.increment() to this.$store.dispatch('increment')
...
0
votes
0answers
23 views
vue.js v-for loop can't traverse data
Please look the picture.
Why the data is not shown?
js data structure is array:
brandAmountList: [],
totalAmountList: []
AJAX callback:
_this.brandAmountList = data....
0
votes
0answers
26 views
Is there a better way to do this? 2 nested arrays using Vue JS [on hold]
I'm displaying a conflict marker for each actor for each day, if the current day is in their conflicts.
<li v-for="date in next_three_months">
<template v-for="actor in cast">
<...
7
votes
2answers
1k views
Vue.js in Chrome extension
Vue.js in Chrome extension
Hi! I'm trying to make a Chrome extension using Vue.js but when I write
<input v-model="email" type="email" class="form-control" placeholder="Email">
Chrome ...
google-chrome
1
vote
2answers
31 views
Javascript, extract and organize an array of objects by properties
In short, I want to create a generic method "organize" to turn this:
[
{ name: 'band1', type: 'concert', subtype: 'rock' },
{ name: 'band2', type: 'concert', subtype: 'jazz' },
{ name: '...
0
votes
1answer
21 views
VueJS Virtual field on array item
I am building something with VueJS and I have some problem to select an item in a list:
Let's imagine the following VueJS component:
new Vue({
el: '#app',
data: {
list: [
{
...
1
vote
1answer
36 views
d3 as Vue component
I want to make a Gauge from d3.js as a component I can use in Vue. But I'm struggling import it the right way so I can wrap it in a custom component.
Besides installed the d3 from npm: npm install d3....
0
votes
0answers
19 views
Multiple listeners will added to onAuthStateChanged while visit router multiple times
I'm using vue, vue-router and firebase to build my project.
there're some router logic required user auth
const onAuth = () => {
return new Promise(() => {
firebase.auth()....
0
votes
0answers
16 views
Vue JS incrementing number adds incorrect amount [duplicate]
I have a simple Vue JS (1.0.26) application which does 1 simple task - When you click on a button, a number is incremented by 0.01.
I have a very basic setup with a v-on:click event which triggers a ...
0
votes
0answers
13 views
VueJS/PageKit: Additional not added to vue ressources
I'm working on PageKit CMS (https://github.com/pagekit/pagekit) at the moment. Pagekit works with vue.js...
There is something I do not get at the moment.
I try to add values in my controller like ...
2
votes
1answer
50 views
Laravel 5.3 + Vue reddit-like voting system
I'm learning Vuejs (not too proficient in Laravel in the first place), and I'm trying to make a simple voting system on some tasks.
I managed to do adding tasks, editing them, and deleting them, but ...
0
votes
1answer
21 views
Vue: Can't iterate Object
I have got following code:
console.log("My Object is:");
console.log(this.LoadedBaseMapLayersContent);
for(obj of this.LoadedBaseMapLayersContent)
{
...
0
votes
1answer
18 views
Cannot setup and run vuejs in laravel
I am quite new to vue.js but familiar with laravel. Now with laravel 5.3 release, am trying to run some sample application using vue.
resources/js/app.js :
/**
* First we will load all of ...
1
vote
4answers
417 views
Access parent methods from component template in vuejs
I have this code:
new Vue({
el: '#app',
components: {
'app-component': AppComponent
},
data: {
message: 'Hello Vue.js!'
},
...
0
votes
0answers
17 views
Ordering Data on Betting Website - VueJS
I am learning VueJS by creating a simple Betting Application whereby a user selects a player to score.
Here is the app on Code Pen
Vue.filter('pluckTotal', function (list, key1) {
return list....
1
vote
1answer
24 views
Why Vue Router (0.7.13) does not match sub routes?
If I make this:
'/sales': {
component: NotFound,
subRoutes: {
'/': {
component: NotFound
},
'/report': {
name: 'sales.report',
component: SalesReport
...
1
vote
1answer
295 views
What is the best way to show different menus for different user group in Vue-JS?
I am learning Vue-JS, but I can't understand best way to show different menu for different user groups: quests, users, admins.
Should I use any global variable and check it value from Vue? Is the ...
0
votes
1answer
34 views
Vue-Multiselect with Laravel 5.3
I'm new to Laravel and Vue and need help implementing Vue-Multiselect.
I don't know how to pass the actual options to the select.
My vue file:
<template>
<div class="dropdown">
...
1
vote
0answers
16 views
initial height of autosized textarea with content form vue.js model
I'm having a vue.js component which loads it's data inside the ready() block from an api via vue-resource:
this.$http.get('getData/book', (data) => {
this.book = data;
});
the component ...
0
votes
1answer
8 views
how to save a users session VueJS
I am trying to figure out how to save a Users session when they log out. e.g. multiple shopping carts, transactions, and even previous searches. I am pretty new to the whole backend language and I am ...
0
votes
0answers
39 views
How to prerender Vue 2 on server w/ PHP
as Vue 2 has been published and it contains SSR feature, i've got following question.
Is it possible to perform a prerender for bots similar to Prerender.io, but with PHP (Laravel) on own server? If ...
0
votes
1answer
45 views
Bind database table values inside a modal vue component form
In my Laravel 5.3 application, I am having a modal component which gets displayed when a user clicks on a button to edit the data.
Loading of modal window is done with the following code:
<a
...
0
votes
1answer
20 views
VueJS Promise is failing
I have a products component and a product owner component. Each Product will have an owner
What I am trying to do
I am receiving a list of products by calling an API endpoint. When the promise is ...
0
votes
1answer
25 views
ajax call with vuejs
Im trying to get data from an endpoint api/data which passes an object. But when I run my app I dont see anything in my console and in the network tab I dont see any xhr request. There is no warning ...
1
vote
2answers
25 views
vue.js is not updating the DOM after updating the array
I read a list of items via AJAX and push it into an data Array
loadSparepartFiles: function(){
var vm = this;
vm.activeSparepart.attachments = [];
ajaxApi....
0
votes
1answer
16 views
Vue js v-repeat not showing anything
I am totally new to vue.js. I am trying to repeat a simple list but its not showing anything. My code is
<html>
<head>
<title>VUE Series</title>
<link ...
1
vote
2answers
39 views
How can i detect multiple key press (up/down) on Vue.js
I am trying to implement common chat app on Vue.js.
window.onload = function () {
new Vue({
el: '#vue-chat',
data: {
body: ''
},
methods: {
fooMethod: ...
0
votes
0answers
11 views
Intrgrate Google Certified Shops 'order confirmation module' with Javascript instead of HTML
We're trying to integrate Google Certified Shops into our one page shopping cart which is running on vue.js.
The Google badge requires some JS code to run on every page load, this just shows the ...
1
vote
2answers
37 views
Vue.js v-show in a list
I'm sure this one's gonna be extremely easy for you guys. I am trying to make a simple list of posts with the post titles always visible, and when you click a specific post in the list, you get the ...
-2
votes
2answers
45 views
using vue js vs angular js with laravel [on hold]
We will code large web application with laravel. Laravel and vue integration is amazing. And vue js is so easy to learn and simple framework. But I cannot sure should I use vue js in large project. ...
0
votes
3answers
44 views
How to check if two arrays of dates have matching items?
I have two arrays of dates. The first one have all the booked dates and the second one will have dates between "start day" and "end day" which user will pick.
Now I have to confirm that the days ...
0
votes
1answer
15 views
Filter input text only accept number and dot vue.js
i have a text box only want accept "Number" and ".[dot]" using Vue.js, anyone can help the code? i'm new on vue.
0
votes
1answer
14 views
Vuex strict mode throws exception while updating nested array
I have a page where user can edit multiple segments. Every segment has a name and an array of filters that he can added/removed.
{
segments: [
{
name: 'Mac',
filters: [
{
...
0
votes
0answers
30 views
“Cannot read property 'mergeConfig' of undefined” error while Installing VueJS
On Installing VueJS while running Gulp in Laravel Project, I get following:
Me-MBP:simpleb2b AdnanAhmad$ gulp build
/Applications/MAMP/htdocs//myProject//node_modules/laravel-elixir-vue/main.js:4
...
0
votes
1answer
14 views
Azure web app to searve vuejs app
I have a vuejs app using webpack, which can also be package into electron app.
The structure of the app is like the following:
https://github.com/kahwooi/vuetron
It can be run on webpack-dev-server....
0
votes
0answers
19 views
Laravel `5.3` and vuejs implement article's view times
Laravel 5.3 and vuejs implement article's view times.
My tack of thought：
1、When the show page openning,get the article's id with javaScript.
2、Check this id exist or not in cookie，
（1）If not ...
-2
votes
2answers
38 views
Laravel REST API with Polymorphic Relationship with nested JSON
I have 2 models, Games and Images. When I query '/games' in my API, I am returning JSON for all of the Games in the database. How should I query the DB in my GamesController to pass down the Image ...
-1
votes
2answers
20 views
Vue.js binds inline style expressions when rendering an Array
I have the following components, I think if the width of the column when the value of a circle in the rendering of a style =" width: 200px ", if the column width no value is not rendering, how do I do?...
