Vue.js is a library for building interactive web interfaces. It creates data-driven user interfaces with a simple and flexible API.
0
votes
0answers
5 views
How to get an input field value in vue
I'm new to vue and I would like some help getting a value from an input field:
So in my form I have:
<input type="hidden" id="groupId" value="1">
And with jQuery I would do:
var group_id = $...
0
votes
1answer
12 views
Vue.js - How to track global click event
js and produced this code of the popover, when clicking on the navbar-link element, popover will be shown or hidden. What would be nice is to close popover when I click anywhere on the screen (if ...
0
votes
0answers
8 views
Why parentNode of app container become null after Vue.js object initialization?
Why parentNode of app container div#app become null after Vue.js object initialization? How can I prevent this behavior?
Take a look on console output:
var appContainer = document.getElementById(...
1
vote
0answers
21 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
0answers
2 views
RGraph and VueJS
I have come across RGaph and would like to turn in into a Vue component, but I need some help here how to get started.
Here's RGraph: http://www.rgraph.net/docs/index.html some of you probably know ...
0
votes
0answers
16 views
How can I integrate Twitter Bootstrap CSS and Javascript into a vanilla VueJS project?
vue init webpack helloworld
npm run dev
Awesome, I have a Vue project.
How can I integrate Twitter Bootstrap (latest) in my project? CSS and Javascript.
I tried to install it using NPM and ...
0
votes
2answers
28 views
Same object in one case, different object in another?
I'm trying to figure out what is going on in the below code that deals with copying one object onto another object. In some cases, they act like the same object where changing one changes the other. ...
0
votes
2answers
23 views
Select always first value select vue.js
How do I always select the first item with a select (in vue.js)?
<div class="ride-item-content">
<select v-model="ride.location_id">
<option v-for="location in locations" v-bind:...
0
votes
1answer
21 views
vuestrap spinner unable to listen to shown event
https://github.com/yuche/vue-strap/blob/master/src/Spinner.vue
https://github.com/yuche/vue-strap/blob/master/docs/example/spinnerDocs.vue
Looking at the reference implementation, I've tried to do ...
0
votes
1answer
15 views
Date not loaded properly vue.js
With the function getDate() I would like to show the current date in a input field. That's why I've bind ride.date to one of the input fields.
But for some reason the date is placed after I fill in ...
0
votes
1answer
21 views
Spinner not working vue.js
I use this package: https://github.com/greyby/vue-spinner for showing a spinner.
<template>
<pulse-loader :loading="loading" :color="color" :size="size"></pulse-loader>
</...
2
votes
1answer
11 views
Third party Vue Component throwing unexpected token error when importing
Trying to include a third party vue component called vue-product-carousel through NPM using laravel-elixir-vueify.
package.json contains:
"laravel-elixir": "^5.0.0",
"laravel-elixir-vueify": "^1.0....
0
votes
1answer
17 views
When using vue.js 2.0, how do you pass an array index to a method inside of a v-on:click?
I am trying out vue 2.0 for the first time today. You can see my first attempt at using vue below. I am trying to pass the index of the array into a method. I have tried lots of different ways of ...
0
votes
1answer
17 views
how to poll a backend api periodically on page load with vue resource?
After submitting a form to an api, I have a loading page rendered that needs to check every 1 second with a timeout of 60 seconds if the form data has been updated and display the status. Is there a ...
0
votes
1answer
20 views
Mapbox-gl in a Vue.js single file component (Quasar-Framework)
I would like to implement a Mapbox-gl-js Map within a Quasar Framework (Vue) single file component, but I do not get it working. I found some code on Googlemaps with Vue, and some stuff on Mapbox with ...
0
votes
1answer
18 views
Using jquery plugin with vuejs, without webpack?
I am having trouble figuring out how to use a jquery plugin within a vue component. I am not using webkit, browserify, or ES2016. Is there still a way for me to be able to use a plugin and target an ...
1
vote
1answer
14 views
vue-resource interceptor for auth headers
I am trying to set up a Vuejs fronted application (vue-cli webpack template) to sit on top of my Laravel API.
I am able to get a successful response from the API with vue-resource by providing the ...
0
votes
1answer
26 views
Async data in Vue.js filter
I have a filter to convert content with id into user name. For instance, it converts Thank you @id-3124324 ! into Thank you @Jack !.
var filter = function (content) {
var re = /\s@(id\-\d+)\s/g;
...
1
vote
1answer
108 views
How can I use the Vue.js code from a webpack bundle in a Razor page?
Here is my Razor page code:
@using System.Web.Optimization;
@{ BundleTable.Bundles.Add(
new ScriptBundle("~/Scripts/Vuejs")
.Include("~/Static/Scripts/Vuejs/vue.min.js")); }
@...
0
votes
2answers
22 views
Set locale: Vue is not defined
In my main.js file I register Vue:
import Vue from 'vue';
import VueRouter from 'vue-router';
import VueResource from 'vue-resource';
import VueI18n from 'vue-i18n';
import App from './components/...
0
votes
1answer
139 views
Laravel 5.3 Passport - Vue error: Error when evaluating expression
This is giving me a headache for the past two days. I recently updated my laravel application to 5.3, on my local environment I pulled in Laravel/passport. After the installation, everything works as ...
1
vote
3answers
265 views
How to use a jQuery plugin inside Vue
I'm building a web application inside VueJS but I encounter a problem. I want to use a jQuery extension (cropit to be specific) but I don't know how to instantiate/require/import it the right way ...
0
votes
1answer
23 views
Laravel and vue.js validation
From my Laravel api I receive the following validation errors within json:
{
"error": {
"billabletime": [
"The billabletime field is required."
],
"time": [
"time bust be a ...
2
votes
2answers
530 views
Vue.js redirection to another page
Id like to make a redirection in vue js similar to javascript method .href as in window.location.href , currently am using below code 'javascript' . How would i achieve this in vue.js ?
window....
0
votes
1answer
64 views
Vue JS 2.0 not rendering anything?
Using Vue (^2.0.0-rc.6) + Browserify, entry point is index.js:
import Vue from 'vue'
import App from './containers/App.vue'
new Vue({ // eslint-disable-line no-new
el: '#root',
render: (h) => ...
0
votes
2answers
15 views
vue routing with extra?
I have this wired problem:
I am using vue-route, so my login link is: http://localhost/#!/login
I have a <form> to login:
<button @click="submit()">Login</button>
the submit ...
0
votes
1answer
13 views
vue.js set data in if statement of function
I have a form that runs of Vue that looks like this:
new Vue({
el: '#login-container',
data: {
firstname: '',
lastname: '',
...
0
votes
0answers
17 views
Vue Cli Webpack background url path issue
Using vue cli.
For some reason, SOME of my images, if I refer to them directly in the scss and don't bind them dynamically to my vue object have issues with relative paths.
Say I have a vue template ...
0
votes
1answer
20 views
Vue Transition Not Affecting Each Element
I have a container with two elements that I would like to toggle with a click.
I'd like to have the visible element slide out while the new element slides in, but the transition only affects the ...
0
votes
0answers
14 views
Cancel handler not working?
I've a pop-up in my vue.js application
https://github.com/limonte/sweetalert2/wiki/Migration-from-SweetAlert-to-SweetAlert2
But for some reason the code
console.log('testing');
Is not executed ...
0
votes
1answer
18 views
How to set incremental counter for nested arrays using Vue JS
I'm two levels deep in arrays using Vue JS and I need an index that starts at 0 and increments for each item in the top array.
Here is my HTML:
<div v-for="member in cast"> <!--array #1-...
4
votes
2answers
5k views
Laravel 5.2 CORS, GET not working with preflight OPTIONS
The dreaded CORS Error:
Cross-Origin Request Blocked: The Same Origin Policy disallows reading
the remote resource at http://localhost/mysite/api/test. (Reason: CORS
header 'Access-Control-...
0
votes
1answer
19 views
Use Vue JS to make default selection(s) within Array
I see a lot of questions on Stack Overflow dealing with Vue JS and selecting a default single value from an Array. I, however, need to compare each item's array groups to an array of ALL THE GROUPS ...
1
vote
1answer
25 views
Get Started with RxJS in Vue
I'm trying to get started with RxJS, but there seems to be a scope issue.
Error
'Rx' is not defined.
main.js
import Rx from 'rx';
import Vue from 'vue';
import VueRx from 'vue-rx';
Vue.use(...
0
votes
3answers
205 views
VueJS & Laravel 5.3
Laravel 5.3 + Vue JS + Vue-Resource
I am trying to do simple foreach loop with fetching data (with ajax).
my vuejs script file:
var vm = new Vue({
el:'#posts-app',
methods: {
fetchPosts: ...
-2
votes
1answer
20 views
post / upload image of movie to drupal 8 via vue js
I'am trying to send files from vuejs to drupal 8. Thank you for your help.
0
votes
0answers
21 views
VueJS ES6 this keyword return undefined [duplicate]
I have a problem, so I have an Actions.vue file like this:
<template>
<div class="btn-group" role="group" aria-label="Actions">
<button type="button" class="btn btn-primary ...
-3
votes
0answers
19 views
How to write the `send` method of this vue.js demo? [on hold]
This is my demo:
https://jsfiddle.net/8hh0p0ej/18/
I want to submit the selected items' id,
I don't know how to get the selected items' id and append them into formData and return,
see the send ...
0
votes
0answers
31 views
Manage languages for API and Front end [on hold]
I'm currently translating my application. I have a Vue.js frontend that communicates with an API backend. I'm currently having trouble with managing my translation files at one place. What is the best ...
0
votes
1answer
20 views
Vue update v-for property
Let's say I am rendering a list from a beers array like this:
<tr v-for="beer in beers">
<td class="switch">
<input v-model="beer.verified" v-on:click="verify">
&...
1
vote
3answers
52 views
Stop multiple clicks vue.js
In my vue.js application there items can be removed.
The div element looks like this:
<div class="ride-delete" @click="delete">
<p>Delete</p>
</div>
This is the ...
0
votes
0answers
24 views
Assign Vue-resource to a store
I am trying to store a resource in a store that can be shared between components according to the following documentation:
https://github.com/vuejs/vue-resource/blob/master/docs/http.md#response
...
0
votes
1answer
17 views
vue-resource returning a PromiseObj
How to I access the response data within an Ajax call? If I log response.text() it shows me a PromiseObj.
Console
PromiseObj
context: undefined
promise: Promise {status: "resolved", result: ")]}'...
0
votes
1answer
34 views
vue.js How to add class to table row depending on property value
I am trying to add bootstrap classes (success, waning... ) to table rows depending on a propertys (overallStatus) value.
How would i implement this functionallity in the code below?
Thanks in ...
0
votes
2answers
39 views
Vue.js value not accessible
For some reason I cannot access this.active in my method delete. What
could be wrong here?
data () {
return {
ride: { user: {}, location: {}, type: {} },
active: false
}
},
...
0
votes
1answer
351 views
Using Vue JS inside WordPress
I want to use Vue js inside my WordPress plugin. Here is my html markup:
<div class="wrap" id="vue-app">
<h2>Add counter</h2>
<p>{{ message }}</p>
</div>
...
0
votes
0answers
19 views
webpack2.1.0beta20 with vue1.0、vue-loader8.3.1 can not hot reload
When I save my code file without any change, webpack compiled error, but when i restart service it compile normally, here is my files:
package.json file:
"dependencies": {
"chalk": "^1.1.3",
...
1
vote
1answer
24 views
call of method inside component gets answered by the root instead
I'm creating a modal, which is defined as a component.
The component has a method "set_pdf_form('x')" to change one of it's data variables to x and in the component template there is a @click which ...
3
votes
2answers
189 views
Vue Components not showing up using passport in laravel 5.3
As you can see from the title I am trying out Laravel 5.3 and passport.
So I have gone through the steps to install Laravel passport and as far as I can see everything is in place.
I have put the ...
0
votes
1answer
30 views
Keeping client side in sync with server side - state management and http requests
I'm building shopping cart where some data between components needs to be shared - I build some kind of simple State management to keep from using Vuex which is pretty hard to understand, and It works....
