Tagged Questions
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
10 views
How can I process Vue.js props before actually using them?
Imagine the following situation:
I have a Menu component with 2 props:
items
filterTerm
The Menu component can't just simply display the items.. It has to filter it first according to the given ...
0
votes
0answers
3 views
How to (securely) create roles and permissions in a Vuejs application?
I'd like to create a Vuejs frontend application which will get its data from an API (Laravel). I would also like to have roles and permissions at the frontend level. Of course, roles and permissions ...
1
vote
1answer
14 views
How can I bind a class attribute to an expression in Vue 2.0?
I had this in Vue 1.0:
<div v-for="menuItem in menu" class='vnav-item-wrapper'>
<i v-show="menuItem.icon" class="vnav-icon fa fa-{{menuItem.icon}}"></i>
</div>
But now the ...
0
votes
4answers
30 views
Vue: How to remove object from array by it's value?
Is it's possible to remove object from array by it's value, not by index without iteration with for loop?
I tried to remove element with iteration, but it's look like that it do not remove iteration ...
-1
votes
0answers
29 views
Push in array not reactive in HTML
When I remove a comment on my HTML var {{selecionados}} selected from, and I click on the list of names is all fine, but when HTML retreat or comment on again no longer works.
<script async src="/...
7
votes
3answers
200 views
Difference between v-bind and {{}}?
I have an input field with the value field being passed a string stored in Vuex.
The input fields changes are debounced and the new string synced to Vuex.
When bound like this ":value="vuexState....
0
votes
0answers
9 views
Electron + Vue (SPA), database query not set yet, function returns to early - Async possible?
I have a Vue.js component inside my Electron (SPA) app, which has to fetch data from my MySql database (10.000 rows), and displays it in a table.
The problem is that the function returns too early, ...
0
votes
1answer
31 views
How to correctly create a custom socket method with Vue-Socket.io?
This a simple experiment with Vue-Socket.io.
Express is used to serve index.html locally.
The sockets are being handled by http://metinseylan.com:1923.
I've defined a custom socket inside of main....
2
votes
2answers
40 views
Using Vue component in Laravel 5.3
I have a fresh installation of Laravel 5.3 project which built in with example Vue component.
require('./bootstrap');
Vue.component('example', require('./components/Example.vue'));
const app = new ...
3
votes
1answer
17 views
VueJS Select Box Not Reacting When Dynamically Populated
I need to set the status select box to the value of customer.lStatus. However,
the select box does not get updated with a value, unless I manually write the
HTML beforehand. Wha?
Script
<script&...
0
votes
1answer
19 views
Vue.js Transitions and effects executing out of order
I'm making a Tic-Tac-Toe web app. It isn't finished yet as this problem has thrown up a road block. When either X or O wins, it should turn the 3 winning boxes green (this part works if I remove the ...
0
votes
1answer
39 views
"Failed to mount component” error on Laravel 5.3.10 + Vue.js 2.0.1
I have been working on Laravel + Vue.js.
I would like to develop Vue components onto Laravel Blade template,
but when I tried doing that, the following error occured, and it doesn’t work well.
* For ...
1
vote
0answers
12 views
Attaching data (body) to $http.delete event in VueJS
I have the following method in my Vue.JS component:
removeItems (itemsArray) {
this.$http.delete(this.apiUrl, {items : itemsArray})
.then((response) => {
this.msg = response.msg;
...
0
votes
1answer
27 views
VueJs data binding issue
I try to bind attributes and some data to my template but the code below doesn't work. What I need is to render n-amount of templates depends of amount of printedForms objects and implement in each ...
4
votes
1answer
1k views
How to integrate WebStorm with Vue.js
WebStorm didn't support Vue.js natively (at least for now - Apr, 2016).
I've find few advice how to improve WebStorm experience.
Now I want to list them in one place (I'll answer my own question ...
intellij-idea
phpstorm
webstorm
0
votes
0answers
10 views
Electron + Vue (SPA): Not allowed to load local resource: file:///app/src/Products.vue
I have an Electron app + Vue for rooting. I am having problems loading the content into a newly opened window. The window is launched from a Vue component. When it opens I get a blank window and:
...
-1
votes
0answers
9 views
delimiters Vue js 2.0
I'm trying to change the delimiters within a component, but does not work.
I am working with files .vue and vue-cli with browserify.
Only work in native html elements.
0
votes
1answer
13 views
Can't dynamically pass relative src path for imgs in Vue.js + webpack
The issue I'm having is using vue.js with webpack.
I have a list that I want to dynamically populate in vue.js.
I am using v-for to iterate over each object and create the list items.
To bind a ...
0
votes
0answers
16 views
Forge: Restart NodeJS daemon after deploy
I've setup my first Laravel Forge site that runs a VueJS 2.0 server side rendered app.
I've setup quick deploy and a daemon that keeps it running, but on deploys it doesn't restart. The same app is ...
0
votes
2answers
67 views
Vue 2 - Mutating props vue-warn
So, i back to programing after one year, and i see lots of changes ;) Eg. Using Laravel as api, and big JS frameworks as frontend is normal thing, not "adavnced case".
I thinking about learn React ...
0
votes
0answers
17 views
Change class dynamically for elements rendered with v-for onmouseover in VueJS
I'm having an issue where I am rendering elements based on data that I am receiving from the backend. This data is then being fed to Backbone which is then passing it to VueJS. I'm using a for-loop to ...
0
votes
1answer
34 views
Initialize VueJs after opening new tab
At the moment I use php to collect data needs to be printed in one pdf and open pdf in new browser tab. The problem is that it generate to much traffic as soon as I've a lot of users and a lot of docs ...
0
votes
0answers
27 views
How to handle events using Electron + Vue (SPA)
I am having problems figuring out how to handle events when using Vue together with Electron. It may seem stupid, but I have spent time reading the docs, testing Vue instances and directives in the ...
0
votes
0answers
11 views
How to point domain to a vue js project directory for production in ubuntu server
I am new with server setup and very new with Vue JS. I would like to ask how am I going to setup a vuejs project with webpack for production?
I am using ubuntu 14 and I have enabled multiple (sub)...
0
votes
1answer
18 views
What is the recommended approach for preventing navigation for a subroute?
The nice thing about beforeRouteLeave is that you can prevent navigating away under certain conditions.
I have a setup that uses a subroute to render part of the page. I would like a navigation guard ...
4
votes
1answer
94 views
Access Vue method or event from outside the Vue app
I've been busy with this for quite some time and haven't come up with a solution. The problem is, I want my module built with Require JS and Vue/Vuex to communicate with the outside world.
I don't ...
1
vote
1answer
28 views
Vue JS for updating checkboxes based on radio selection
I basically have the same question as this guy, but using Vue JS instead of jQuery.
I have a list of N groups bound to my array ensemble_groups and represented by radio buttons. Selected value is ...
4
votes
2answers
3k views
How to make rails work with vue.js?
Well my question is simple, how to make a Ruby on Rails app work with Vue.js?
The details
I first look at the vue-rails gem, but that add Vue to the rails asset pipeline, and I want to work with ...
0
votes
4answers
606 views
How to get the text of the selected option using vuejs?
I want to get the text of a selected option input and display it somewhere else. I know how to do it using jQuery but I want to know how can we do it using Vuejs.
Here is how we do in jQuery. I mean ...
0
votes
1answer
33 views
Vue 2 vue-router 2 laravel 5.3 issue
please help me with this error on console
router.map is not function
I am using browserify and laravel5.3
here is my app.js code :
import Vue from 'vue/dist/vue.js';
var VueRouter = ...
1
vote
1answer
66 views
VueJS (resource, router and @websanova/vue-auth) login with JWT tokens refresh token error
I'm building an app using VueJS and Electron, now I'm trying to create a login using the @websanova/vue-auth package and everything goes well (login, logout, route protection, etc..) the only thing I'...
-2
votes
0answers
29 views
Eelctron-vue : jQuery - '$' is not defined
I need jQuery to have Bootstrap working. Following the docs I did:
npm install bootstrap --save
npm install jquery --save
imported both into main.js:
import 'bootstrap/dist/css/bootstrap.min....
0
votes
1answer
15 views
Confused about .vue extensions - “Unknown custom element: <topmenu>”
I try to get working the electron-vue boilerplate. After setting up the project everything works, but as I create a new .vue file (TopMenu.vue) I get:
vue.common.js?4eb4:2569 [Vue warn]: Unknown ...
0
votes
2answers
21 views
Observe Change in Vue js model when input updated by javascript function
I am using Date Range Picker to select to dates now when I select the dates, I update the inputs with dates value respectively.
The inputs I have binded with v-model and created a function in watch ...
0
votes
2answers
22 views
Show API results in div with vuejs
Trying to set up dynamic buttons to retrieve some data from an API call. But I can't seem to push the data array to the template and the div.
My VueJS look like this:
var example = new Vue({
el: '#...
0
votes
1answer
15 views
Vue.js history back button but keeping filter values
I've been handed a project that uses Vue.js (I'm a total noob with Vue)
I have a page that lists items based on filters. The user sets the filters and the listing page updates. The user then clicks ...
0
votes
1answer
103 views
Vue.js migration to 2.0: Failed to mount component: template or render function not defined. (found in root instance)
// Edit: I think i have the problem solved. i needed the standalone build from vue...
i have migrated my vue.js 1.0 app to vue.js 2.0 (with migration helper). But this error shows me in the console ...
0
votes
2answers
54 views
+50
Handle callback urls in Vue router
I use Stamplay as BaaS, so to authenticate user, I just redirect to
/auth/v1/auth0/connect
After, user authenticate.. the Stamplay call my app with
/login/callback?jwt=abc.123.xyz
How can ...
0
votes
1answer
46 views
How to trigger a transition when a component is reused?
How to trigger a transition when transitioning between the same component?
(With vue-router 1, there was a canReuse hook. It doesn't exist anymore in vue-router 2.)
const Index = {
template: ...
1
vote
1answer
61 views
Vue 2.0 Invalid expression error when increasing the length of a binding expression in a v-for directive
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', ...
-2
votes
0answers
33 views
Laravel and Javascript frameworks for Single Page Application [on hold]
I have a web project that has already been written with Laravel and not a single js framework. Now, I want to upgrade my web app to a SPA (so that the page doesn't always reload?) because I can speed ...
1
vote
2answers
44 views
Reacts this.props.children in vue.js component
React has something like this.props.children: https://facebook.github.io/react/tips/children-props-type.html
Does Vue.js have also some similar to access the child-elements?
0
votes
0answers
28 views
How to change v-model source in VueJS?
I have many Radio Button & I'm creating a Price List with VueJS. Every Radio Button has a value that contains a PRICE like 3000. I get the value of Radio Buttons that User has chosen them by v-...
0
votes
1answer
21 views
VueJs 2.0 Looping components and changing props
I am trying to figure out what is the best way to handle looping components. Here is some example code.
This is kinda what I am trying to do. My main component has payments data which loops into ...
0
votes
1answer
18 views
Serving Vue.js Server Side Rendering on Node-server
I'm trying to get the Hackernews 2.0 demo up and running on my Digital Ocean droplet, but I fail.
npm run start spins up the server on :8080.
npm run build builds for production.
The defined ...
0
votes
0answers
20 views
Why isn't getJSON returning the API respone? [duplicate]
Im trying to store API return into a var, but it´s returning undefined when trying to log it to console, it seems to be empty.
This is the code
fetchMovies: function(city) {
var myjson;
...
1
vote
1answer
149 views
How to setup ASP.NET Core + Vue.Js?
I Need to integrate Vue.js to some ASP.NET Core MVC views. I picked Vue.js over other alternatives because it seemed to be simpler: -"just add it via <script> tag" they said. No need to learn ...
0
votes
1answer
18 views
How to escape content in vuejs?
I'm using webpack template for my vuejs project (vuejs: version 2). I would like to know how can I render my content escaped (other way than v-html) :
Note that the message contains some tags like : ...
1
vote
1answer
23 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
37 views
Sortable.js with Vue 2.0 sorts incorrectly
I am using Sortable.js and Vue.js. The goal is to sort items and keep data updated.
It worked well with Vue 1.x, but after update to 2.0 sorting became incorrect. Array still properly updates, but ...
