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
0answers
9 views
How to set “v-on” on content added with “v-html” in Vue
Is it possible in Vue to add v-on events on strings added in v-html?
In the example, when clicking the 'Maggie' link nothing happens. It doesn't seem to be registered with Vue.
Or maybe there's ...
0
votes
0answers
19 views
Mount parent component in child
I have two files named Recursive.vue and Value.vue.
In the first instance Recursive is the parent. Mounting Recursive in Recursive goes great, same for mounting Value in Recursive and after that ...
6
votes
2answers
5k views
AngularJs vs VueJS What are the advantages and disadvantages
Good morning,
In recent months I have worked AngularJS, but today I found a post and spoke of a library that is gaining strength and may reach to fight: AngularJS and ReactJs,it's library is VueJs ...
0
votes
1answer
19 views
undefined error in v-show vue
In my Vue 2.0 .vue component file, I've got two 'conditions' and based on when they become true, I show them to the user. I have a button to toggle
<tr v-show="showMonth" v-for="player in players"...
0
votes
0answers
78 views
nginx can't load css, js from webpack output
i use vue js webpack for development, when dev run smoothly, but unfortunately after npm run build (run in nginx) nginx can't load, look this:
x GET http://localhost/static/css/app....
nginx
1
vote
0answers
18 views
vue.js not updating attributes in nested v-for loops
I'm playing around with vue.js and react, and I'm currently trying to adapt a simple editable HTML table example from a book on React that I have in order to learn Vue.
Here is what happens in the ...
0
votes
1answer
24 views
vue.js child-parent component communication
I am trying to call functions from my component to my vue for login.
this is my component :
Vue.component('auths', {
data: function() {
return {
ip: '',
sessiontoken: ''
}
},
...
0
votes
3answers
25 views
Vue.js - How to have isolated scope for a spinner inside of `v-for`
HTML
<div v-for="account in accounts">
...
<button v-if="!isUnlinking" class="btn btn-warning btn-sm" @click="unlinkAccount(provider.providerId)">
<i class="fa fa-unlink">&...
2
votes
3answers
476 views
Vue.js block repeat table rows doesn't work in IE
I would like to repeat adding table rows using a template tag with vue.js, but it doesn't work in IE11. Here is the code.
<table border="1">
<tr>
<td rowspan="2">ID</td>
...
-1
votes
2answers
19 views
Error: CORS in laravel/VueJS ajax request
I am getting cross origin problem while placing an AJAX request using VueJS to my Laravel Application.
I Have written back end API with Laravel 5.3
0
votes
1answer
175 views
webpackJsonp is not defined - VueJS
We are working on one large scale app, and one part of app is using the vuejs, but for some reasons, this vuejs part of app doesn't work and we got this error:
Uncaught ReferenceError: webpackJsonp ...
1
vote
2answers
24 views
Scale panel down appropriately when viewing on smaller screen
I have an application that is querying the Spotify API which returns some names and images.
I am listing all of these out on my page inside cards/panels like so:
<div class="col-md-4" v-if="type =...
0
votes
0answers
42 views
Error with Gulp file: “The following tasks did not complete: other” on a Vue.js project
I'm working on a Vue.js project that uses Karma, Webpack, and AWS. Everything was working fine but suddenly I'm getting this error when I run "npm run build" after cloning the repo and doing "npm ...
1
vote
2answers
20 views
What's The Best Way To Debug Vue.js SPA
I'm currently working on a Single Page Application (SPA) using Vue.js . I'm loading all the node packages through NPM and Browserify.
What is really annoying is that if I code incorrectly or forget ...
0
votes
1answer
22 views
Calling function outside vue component
Currently Im working with Laravel and Vue, and now I want to use a 3rd party javascript library for tag-input fields. https://github.com/xoxco/jQuery-Tags-Input
I have to initialize the field in ...
0
votes
2answers
27 views
Axios can't set data
Here's my data:
data: function(){
return {
contas: [{id: 3,
nome: "Conta de telefone",
pago: false,
valor: 55.99,
vencimento: "22/08/2016"}]...
0
votes
2answers
21 views
Vuejs - Data not showing in array - No errors
I have the following code, I am using two components, one called Moustaches and the other called Moustache
I am trying to show the data from Moustache inside Moustaches using a v-for
I am not ...
1
vote
2answers
45 views
Vue.js force re-render of component which contains v-once directive
Vue 2.0
I have a component which contains a div using the v-once directive to prevent re-render. This same component updates the data it displays when URL parameters change (i.e. vue-router link is ...
1
vote
1answer
38 views
VUEjs templates multiple selectboxes
So, I'm assigned to work with vue at work, but VUE and I aren't friends yet. Currently I'm facing an issue that I don't know how to resolve - I'll explain it the best I can with the limited VUE ...
2
votes
1answer
30 views
Vue.js - Check a checkbox if in arrays
Working on a view that has checkboxes inside a v-for loop:
<ul class="object administrator-checkbox-list">
<li v-for="module in modules">
<label v-bind:for="module.id">
...
2
votes
1answer
481 views
Vuejs with JQuery UI sortable issue
I am trying to create a sortable list with a delete function using vuejs and jquery ui I have the following results
please check the following jsfiddle
https://jsfiddle.net/reda84/7ojgvwdw/
the ...
0
votes
1answer
38 views
How to access to a child method from the parent in vue.js
I have two nested components, what is the proper way to access to the child methods from the parent ?
this.$children[0].myMethod() seems to do the trick but it is pretty ugly, isn't it, what can be ...
2
votes
1answer
40 views
Get vue.js 2.0 to work with Laravel 5.3
I'm trying to setup Vue.js 2.0 with Laravel 5.3. I would like to put the <router-view> </router-view> within a main App.vue component. How do I get this to work with Vue 2.0.
This is not ...
0
votes
3answers
30 views
How to setup express route res.json(data) object and display the response in vue $HTTP call?
Actual data in the collection
Using express:
Mongoose model with mongodb collections called "comments"
var mongoose = require('mongoose');
var Schema = mongoose.Schema;
var Comment = new Schema({
...
0
votes
1answer
23 views
Setting a checkbox as checked with Vue.js
I have been googling and playing with every combination I know but I cannot get my checkboxes to be initialised as checked.
Example:
<ul class="object administrator-checkbox-list">
<li ...
1
vote
2answers
479 views
VueJS doesn't work on mobile
I have a problem with running VueJS on mobile devices. I created a weather prediction app on copepen.io
Here is the link for the project:
http://codepen.io/techcater/pen/xOZmgv
HTML code:
<...
1
vote
1answer
39 views
Laravel AJAX Request into route api Vue error
I am trying to make an ajax request using Vue to get data from an API route using the auth middleware to get recently created issues. I was able to get it to work without checking auth however i need ...
0
votes
1answer
26 views
Delete children component vue js
I have some components created by a v-for, I want to delete a component with the next component:
this.products.$remove(this.currentproduct);
I get the next error: "Cannot read property 'removeChild' ...
0
votes
1answer
7 views
Multiple definitions of a property not allowed in strict mode
I'm using the following in my VueJS/ Laravel project with
"laravel-elixir": "^6.0.0-14",
"laravel-elixir-browsersync-official": "^1.0.0",
"laravel-elixir-vue-2": "^0.2.0",
"laravel-...
0
votes
1answer
63 views
+50
Laravel Echo repeating listen event for n times broadcast has been made
Question title may be little confusing, I tried my best to explain it.
I've got laravel-echo-server, redis (for queueing), and Laravel echo set up. All I want is to send a message via an input, and ...
0
votes
1answer
33 views
Laravel and Vue templating error
I am using vue for the first time within laravel 5.3 and I am currently able to get my data using a Jquery AJAX request within vue however i am having some trouble displaying it. This is currently my ...
0
votes
1answer
27 views
Vue.js 2.0 start component from start
With vue.js 1.0 I started my router like this:
router.start(App, 'app');
But this does not work anymore with vue.js 2.0. According to the documentation I've to do it like this now:
const app = new ...
-1
votes
0answers
46 views
How to make vue loop to make menu
I have a data like this ,
{
"1":{
"menu_parent_id":0,
"menu_item_name":"Home",
"url":"",
"icon":"fa fa-dashboard"
},
"5":{
"children":{
"6":{
...
0
votes
0answers
34 views
Vue.js laravel display data with single array
I am new to vue.js and i am trying to display a single array from a json array data returned . This is my array
{
"data":{
"id":1,
"meter_ID":"0000080123",
"username":"...
1
vote
2answers
25 views
how return json object when visits a url in webpack vue development project?
I create a project with vue init webpack,then put code
var users = [
{"name" : "1"},
{"name" : "2"},
{"name" : "3"},
]
app.get('/users', function (req, res) {
res.end( ...
8
votes
1answer
3k views
Using vue.js with semantic UI
I'm trying to use webpack + Semantic UI with Vue.js and I found this library https://vueui.github.io/
But there was problem compling:
ERROR in ./~/vue-ui/components/sidebar/sidebar.jade
Module parse ...
4
votes
0answers
87 views
Vue.js v-html contenteditable prevent dom refresh to keep cursor / caret from jumping
For reference I'm using Vue 2.0, Vuex, and Firebase.
I am building a contenteditable component using the v-html binding to render the innerHTML. The data is updated onKeyUp. Whenever the data is ...
1
vote
1answer
37 views
Vue can't listen to Cordova events
I am trying to build a hybrid-app with Cordova. I am using VueJS for routing and AJAX requests.
Unfortunately I am not able to catch some of the Cordova events. Not even the deviceReady event is ...
0
votes
0answers
21 views
Project structure with Vue JS 2.0 with Vue Router 2.0?
Vue just revamped its core and its primary router and since I'm just starting out using 2.0 and the Vue Router 2.0, there are a number of tutorials that reference older versions of either, and what I ...
0
votes
1answer
28 views
Vue.JS $HTTP displaying data from an api
html>
<head>
<title>Vue App</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.3/vue.js"></script>
<script src="https://cdnjs....
0
votes
1answer
13 views
Property Binding & Sync in vue.js
I'm having trouble syncing my properties in vue.js, I have an 'active' property that I want to set to the value of each instance 'plan', but at the same time I would like to sync the property with the ...
0
votes
2answers
80 views
Can I call commit from one of mutations in Vuex store
I have a vuex store, like following:
import spreeApi from '../../gateways/spree-api'
// initial state
const state = {
products: [],
categories: []
}
// mutations
const mutations = {
...
1
vote
0answers
15 views
Server Side Hydration with Vue.js and SSR
I have a Vue.js App working with Server Side Rendering (SSR) and then client side hydration and it works great. I love building isomorphic javascript and think it is the way of the future.
But there ...
0
votes
1answer
8 views
Prevent Edit control inside a row from flickering when mouse is on it
I have a tr inside which I have a div with a glyphicon-pencil.
On tr mouseover, I am showing the div. On tr mouseout, I am hiding the div.
All the above is working well.
However, when mouse is on ...
0
votes
1answer
23 views
Vue Router 2 breaks links
For some reason my vue-router breaks links.
For example, when I setup <router-link to="/user/bar">... I've got this in url:
/http:/siteexample.com/user/bar
this should be http:// instead /http:...
1
vote
2answers
36 views
Select2 on change event is not working in Vuejs
I was working with select2 in vuejs , I found vuejs is not working with jquery select2 as vuejs is working with navite html.
I am using this code
Vue.directive('select', {
twoWay: true,...
0
votes
1answer
34 views
Retrieve selected text from select
I'm using VueJS 2 (with this template) and below is what I've done so far:
<template>
<select id="dropDown" v-model="mytrack">
<option value="">Select track</...
1
vote
1answer
28 views
VueJS 2.0 v-model dynamic target inside v-for
I've got a form with about 10 select elements built from an array in my Vue data.
The array of selectors is empty initially and then an AJAX call populates the array and Vue builds the HTML - I've ...
2
votes
2answers
46 views
Javascript - prevent navigation during file upload
I have a vue component for video upload, where I am warning a user when he tries to navigate away during the video upload that he will lose the file if he does so, like this:
ready() {
...
5
votes
1answer
721 views
Vue.js, Visual Studio 2015 and .less styles syntax highlighting
I am using Visual Studio 2015 and vue.js to implement frontend for my web app.
As it known, vue.js comes with quite special approach to declare components - each component should be declared in a ...
