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
5 views
Vuejs ajax GET request not returning data in Laravel 5.1 Blade template
am trying to retrieve data from a database using vuejs ajax call with a plugin called vue-resource. Unfortunately, the json data object contains the html page and not the actual data from the ...
0
votes
1answer
8 views
VueJS linked inputs
I would like to link multiple inputs via VueJS and compute the values.
The inputs are to track vehicle mileage, and therefore any given day's value, cannot be less than the previous day's value.
...
0
votes
1answer
11 views
How to sort dates in table using vue.js
My table is based on the Grid Component Example in Vue.js' website
I'm having problem with sorting dates inside the table. I get all the table data from server side as JSON. So in the codes ...
0
votes
1answer
15 views
How to use blockUI and Vue.js with v-el directive
I was wondering if there is anyway to use the plugin blockUI with Vue.js through v-el directive!
I would like to do something like:
this.$els.myElement.block();
this.$els.myElement.unblock();
Any ...
0
votes
1answer
24 views
Vue.js orderBy does not work properly with uppercase and lowercase
I am working on an application with Laravel 5.2 + Vuejs + Vueify and I have an array of object listed on a table but I have 2 problems.
1. orderBy works in separated with uppercase and lowercase
The ...
0
votes
1answer
12 views
Truly Nested Components in Vue.js?
Is it possible to create semantically nested elements with Vue.js?
Example: let's say I'm building an 'accordion' element. Accordions are made up of a 'heading' and a 'content' section. The content ...
0
votes
0answers
16 views
How to add a loading icon while searching a vuejs list
I have to render a list of over 3000 lessons, these lessons need to be searched through. Here is a jsfiddle that demonstrates the basics of what I'm doing with the sample data
HTML:
<div ...
0
votes
1answer
17 views
Remove object from array filtered by an Id Vuejs
I am doing a function to delete more then one record based on the checkboxes selected but as I receive the ID (not the full object) I am facing problems to remove it from the array.
Somebody can help ...
5
votes
0answers
33 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 ...
1
vote
1answer
20 views
Select all checkbox with Vue.js (issues with for looping inside a .vue file)
I am looking for how to do a "Select All" checkbox with Vue.js and actually a I kind of found a solution here.
The problem is I am using Vueify and doing everything on my .vue file so some syntax is ...
0
votes
0answers
14 views
Can I use Vue extension when developing a Chrome extension using Vue CSP mode?
I am using VueJS to develop for a Chrome extension. I can use the Vue extension for debugging my Vue code, when not developing for Chrome extension. However, I am not able to see the Vue extension tab ...
google-chrome-extension
2
votes
1answer
30 views
Gulp Watch not catching changes in Browserify files
I am using the laravel-elixir-vueify npm package. Gulp watch works fine for me whenever I change a file within the "scripts" or the "styles" functions. However, whenever I change the 1 file I have in ...
0
votes
1answer
49 views
How to limit the following loop so it only displays the first matched element?
I'm displaying the div based on the value of the properties of a JavaScript object. I want to display the FIRST thumbnail that the object has:
// HTML
<div v-for="value in object" ...
1
vote
2answers
49 views
Edit object of an array using Vue.JS
I am developing my first app using Vuejs + Laravel and I am facing a problem that I couldn't solve until now!
I have an array of object and I need to edit a single of then without delete and add a ...
2
votes
2answers
28 views
Real Time Fetching data with laravel5.2 , vue.js and pusher
I have a problem.
I'm using pusher for real time notification and when It runs it notifies me using noty,
but I also want it to show the number of the new notification in real time in my view ...
0
votes
0answers
19 views
Global Method to Clone object in vuejs rather then reference it, to avoid code duplication
I am building simple CRUD div list with Vuejs, which allows me to perform all operations on single page as search through results by the means of filter.
The problem I face is that in order to do ...
3
votes
2answers
57 views
Enquire.js does not match initially, only on resize
I'm doing media queries with Enquire.js and Vue.js. It all pretty much works when I resize the browser's window manually. However, I get no match on document load, an odd behavior that is most obvious ...
0
votes
1answer
18 views
Vue Resource $http not defined
I have this code in my ready method:
this.$http.get('url',{},{
headers: {
"X-App-Token": "token"
}
}).then( (data) => this.$set('cdata',data.data))
...
0
votes
1answer
19 views
Language Injection in WebStorm (scss into html)
The question: How to make WebStorm to understand scss in html
Description:
I'm have existed project based on vue.js
I've associate .vue with html language (.vue == .html).
In general *.vue files ...
intellij-idea
webstorm
0
votes
0answers
13 views
Adding server-side rendered elements as children to Vue js parent
I have a server side rendered page with "orders" and a root Vue object instantiated as a "parent object". Is it possible to initiate the rendered html orders as children to that parent Vue object?
...
1
vote
1answer
21 views
Configuration for vue-resource root and authorization
I'm looking at the following documentation for vue-resource that describes how to set up configuration: https://github.com/vuejs/vue-resource/blob/master/docs/config.md
It says to set your headers ...
1
vote
1answer
45 views
Sorting and Filtering ajax data using Laravel and VueJs
Current code is sorting and filtering data using vue.js. It is working fine but data is dummy, it is hardcoded. I need to get data dynamically from table using vue js and laravel. How can I get ...
0
votes
3answers
37 views
Data fetching from database using laravel and vuejs
I am trying to fetching data from database using Laravel and Vue.js.
Result I am getting is none. But firebug console shows the response. Please find the attached image. Please check my code and ...
0
votes
1answer
23 views
Vue.js v-if for attributes
Let's say I have this code
table(my-attr="value")
...complex component Jade...
and I would like render that my-attr base on property delivered into component. Since v-if works on whole element ...
1
vote
1answer
18 views
Data listing using laravel and vue.js
I am trying to list some data in a laravel page but the result is not getting populated. Could you please check and correct me? I don't know if I'm following this correctly or not. Currently, vue.js ...
1
vote
0answers
42 views
Access to nested JSON property with vue.js
Does anybody understand why I can't access to a nested JSON attribute with the typical dot notation js access??
I have this JSON object:
[
{
"id":1,
"user_id":1,
"view_id":1,
...
0
votes
1answer
26 views
Javascript (Vuejs) object literal, looping
I have an object in vuejs
data: {
food: {
monday: {
pizza:1,
chips:2,
pie:0,
},
tuesday: {
...
0
votes
1answer
44 views
How to pass a function with arguments via JavaScript object array?
I have a list of items, and I want to feed its data from a JavaScript array:
// HTML
<ul
<li v-for="menuItem in menuItems">
<a @click="menuItem.action">{{ menuItem.name ...
0
votes
1answer
53 views
How to Pass JSON data from Django view to Vue.js instance methods
I am new To Vue.js . How to pass JSON data from Django view to vue instance(method).
Views.py
def articles(request):
model = News.objects.all() # getting News objects list
...
0
votes
1answer
23 views
Rails + Angular dynamic images
Everyone's saying, that .erb for JavaScript is a bad practice. Then how do I solve this very common problem:
<img ng-src='images/{{ some_ng_model.img_name }}.png'>
Then somewhere in the code ...
0
votes
0answers
57 views
Updating array should update table in HTML
I am using VUE.JS to update content of an array, that should be displayed in a table. As I am making an async call to my server, I need to wait for the response that will update my array that should ...
0
votes
2answers
45 views
call a component from another component in vue.js
I have an alert component like in this video: https://laracasts.com/series/learning-vue-step-by-step/episodes/21 And I have another component (Book). When a book was created how can I call Alert ...
0
votes
1answer
26 views
Vue.js/Webpack - plugin.apply is not a function
Trying to get a custom filter to load with Vue and Webpack. The main part for my Vue component works fine but trying to load the filter results in the plugin.apply is not a function error being ...
0
votes
1answer
25 views
Trying to set the value of a Vuejs input computed property
I have a form with fields bound to VueJs using v-model method. When a user selects an item from a drop-down, the fields are populated from a $http response.
HTML:
<form id="vApp">
<input ...
0
votes
1answer
25 views
Vuejs and VueRouter SEO
I'm using html5 push states and VueRouter. When I go onto google webmaster tools and crawl the site with a render, only what is outside of the <router-view> tag is rendered... I've tried using ...
0
votes
2answers
27 views
Vue is not defined
I am trying to build a demo app with Vue.js. What I am getting is an odd error that Vue is not defined.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
...
1
vote
2answers
228 views
Skip object items if the value is null
I have a nested for ... in loop in vue js. What I'm trying to to is to skip elements if the value of the element is null. Here is the html code:
<ul>
<li v-for="item in items" ...
2
votes
0answers
50 views
Link to a route with a parameter of Vue.js
I'm using Vue.js and Laravel to render a simple table listing products. From there I want to link to a product detail page like this:
<a href="{{ route("product::details", ['product' => '???']) ...
1
vote
1answer
34 views
vue.js:how to v-model an object in every it's value
I want a effect like this:
when i typing something in <input>,vue could help me format the string.
eg:when someone typting 20160324... ,this can format like "2016-03-24..." at the same time(so ...
0
votes
0answers
33 views
how can I validate an email in vueJs + firebase?
how can I validate an email in vueJs + firebase?
for example I have data array email: ['[email protected]','badEmail.com','realEmail.com']
and I usually validate it in vueJs+firebase like this
...
0
votes
1answer
39 views
Vuejs - Hide vuejs syntax when page loading
maybe this is a trivial question.
so, when I run my vuejs application on browser with enables throttling download speed (sets to low connection). I got unfinished vue syntax output in browser.
I ...
0
votes
1answer
39 views
VueJS - how component gets global data item?
I have code like this :
Vue.component("sample", {
inherit: true,
template: "#sample",
props: {
active : "active",
...
},
methods: {
forceChangeActive: ...
0
votes
2answers
25 views
Data not updating in Vue
When I trigger the method, I get the string I wanted back but not sure why it is not saved on the data object. Any help will be appreciated. Thanks
new Vue({
el: '#app',
data: {
output: '' // ...
0
votes
1answer
68 views
Vue.js component with Vuex.js (instead of vue-i18n.js)
I've been trying to reproduce the button behavior that I've here, but with a different implementation. Basically, I'm trying to use Vuex instead of vue-i18n.js for internationalization purposes.
I ...
0
votes
1answer
27 views
What is Vue way to access to data from methods?
I have got next code:
data: function () {
return {
questions: [],
sendButtonDisable : false
}
},
methods:
{
postQuestionsContent : ...
1
vote
0answers
18 views
Access a components objects
How can I access the object that created a component? I have a timepicker and want to reference on in the other, so the second time can only be set after the first.
Let's say
...
0
votes
2answers
54 views
Detect click outside element
How can I detect a click outside my element? I'm using Vue.js so it's gonna be outside my templates element. I know how to do it in Vanilla JS, but I'm not sure if there's a more proper way to do it, ...
1
vote
2answers
16 views
Pass variable to component template
I am trying to create a Vue.js component existing of some input fields. This means that the component template must accept name for the inputs.
Let's say I have the template:
<template>
...
1
vote
2answers
51 views
Listen to custom event in Vue.js
Vue.js works great with browser events such as click or mousedown. But not work at all with custom events. Here is the code:
HTML:
<div id="app" style="display: none" v-show="true">
...
1
vote
1answer
66 views
Why browser get response from vibed so slowly?
I am sending data from browser to vibed. On vibed console I am getting request instantly. But in browser console I need two wait for console.log 5-8 seconds. And I can't understand where is problem.
...
