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
30 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
0answers
13 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
9 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
15 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
0answers
10 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 tag is rendered... I've tried using Prerender.io and it ...
0
votes
2answers
23 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
131 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
37 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
28 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
26 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
26 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
35 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
22 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
54 views
Vue.js component not behaving as expected
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
21 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
17 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
50 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
13 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
38 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
64 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.
...
0
votes
4answers
41 views
resetting timeout javascript
when user click element it should initiate the timeout and set the starttime to true. Then if user clicks element again while the timer is active it should clear the timeout and reinitiate the ...
0
votes
1answer
26 views
Vue-strap Radio Buttons not working with vue.js
I have some radio buttons in my web application that I am creating with vue.js that all worked nicely however when I decided to use bootstraps style of radio buttons it kind of mucked up. I realize I ...
0
votes
0answers
16 views
Error after build vue project with coolie
No reputation sorry.
Description
Here http://vue-demo.erguotou.me/demo/abc is a vue project not build. It goes OK, you can link to /demo then /demo/abc then /demo ...
But when I build this ...
0
votes
2answers
27 views
Passing vue-resource AJAX data around
I'm using Vue resource, and trying to make an AJAX call based on the (supposedly-bound) data that came from a previous AJAX call.
I'm trying to bind the data from a call to /me to the userDetails ...
0
votes
0answers
17 views
In vuejs,component how to broadcast an event to slot
I want when I click OK button, the alert-warm component can broadcast an event to slot-text component,so the slot-text can do something, such as unload files
component:
<template>
<div ...
1
vote
1answer
32 views
Creating a global variable in Vue.js
In Vue.js 0.12, it was easy enough to pass a variable from the root component all the way down to its children: you just use inherit: true on any component that requires the data of its parent.
...
1
vote
1answer
50 views
How to export a require assigned to a variable?
I'm doing the following to make this require to become visible in <app></app>
index.html:
<script>
var electron = require('electron')
</script>
<app></app>
...
1
vote
3answers
81 views
+50
Vue.js $remove not removing element after deleted from database
I am using Laravel and trying to learn Vue.js. I have a delete request that is working properly and deleting the object from the database. The problem is that it is not being removed from the DOM ...
1
vote
0answers
28 views
Vue:@click dynamic blinding params error
I wrote a page including a v-for bindinds like this:
<tr v-for = "goods in goodsList">
...
<button type="button" class="btn btn-danger" @click="beginsale(goods.goods_id)" ...
0
votes
1answer
32 views
Can't get Vue slider work
I need two range slider, where I can set min and max value. I found this slider
It source confuse me, because it have min and max values, but when I run it I see only one movement element.
But ...
1
vote
1answer
41 views
get all routes in a vue router
Am trying to create a simple menu using vue router , id like to iterarte all routes and display in my menu , currently am using below method in my component but i just get a function , how would i ...
0
votes
0answers
28 views
Phpunit Laravel testing a form where dropdown is populated via vuejs
I'm writing a small test for a form and I'm getting errors when running phpunit. It gets stuck because it can't see any options in one of the dropdown boxes named organisation which is populated by ...
0
votes
1answer
66 views
Load json data for the first time request and to display in HomePage Using Django and vue.js
I am using Vue.js for the first time. I am serializing the objects of django
views.py
def articles(request):
model = News.objects.all() # getting News objects list
...
0
votes
0answers
12 views
How to destroy components with is=“component” when only their data changes
I have three Vue.js components, Parent, ChildAand ChildB:
import Vue from 'vue'
var ChildA = Vue.component('child-a', {
template: '<div>Child A {{index}}</div>',
props: {index: ...
0
votes
1answer
26 views
Is it possible to nest methods in Vue.js in order to group related methods?
I'd like to group some of my Vue.js methods together in a sort of "submethod" class, but I only seem to be able to have single level methods.
For example, if I wanted to have a set of methods dealing ...
1
vote
0answers
15 views
where to place dynamic nav component code using vue?
I am new in vue. I have a dynamic nav, which look like this:
<nav>home/news/setting</nav>
The content in nav may change dynamically on different url(I am using vue-router, too). Now, I ...
3
votes
2answers
68 views
+100
Vue.js binding context in plugin?
I'm trying to create a simple plugin in Vue.js to wrap the vue-resource plugin to track the state of a request.
function State() {}
State.prototype.post = function (ctx, name, url, data, successCB, ...
0
votes
1answer
23 views
How to path to external (dynamic) assets with Vue-Loader / Webpack
I have a project that accesses profile images dynamically from JSON retrieved from an API service. The problem is I'm having a tough time figuring out where in the file system to put these images ...
4
votes
2answers
45 views
Vuex getters-properties Failure when using vue-router - they failed to be reactive
First, there is user.js, which is one of the modules for store.js
const state = {
isLogin: false
}
const mutations = {
login(state, userid){
state.userid = userid;
}
}
export default {
...
0
votes
1answer
60 views
How to remove an element in Vue.js?
I'm new to Vue. I can not remove an item from a DOM, in Vue.js Javascript file.
I successfully managed to make an ajax post request, which removes a specific record from my database.
Once it's ...
1
vote
1answer
48 views
Webpack-dev-server compiles files but does not refresh or make compiled javascript available to browser
I'm trying to use webpack-dev-server to compile files and start up a dev web server.
In my package.json I have the script property set to:
"scripts": {
"dev": "webpack-dev-server --hot --inline",
...
0
votes
1answer
12 views
Table with content distribution in Vue.js not being rendered properly
I am trying to create a component that is pretty much just a table and use content distribution to add elements inside of it.
But for some reason my slot elements are rendered before the table, so I ...
0
votes
2answers
24 views
Display a default value in HTML select using Vue.js and Minimalect
I'm using Vue.js with the Mininmalect HTML select plugin to display a list of countries by name and value (value being the 2 digit country code).
I've got it to work when using the plugin to select a ...
0
votes
2answers
20 views
set v-show to true or false with a function
I have a list of properties (houses, flats,...) that I render with Vue.
Each property is shown or not according to some buttons that act like filters. Those "filters" are set in my data object:
...
0
votes
1answer
34 views
Triggering change doesn't update vuejs binding
If you change the value on the first dropdown it working fine but not on the second one. See the example below.
var vm = new Vue({
el: '#app',
data: {
fruits: ['Apple', 'Banana', ...
0
votes
1answer
30 views
How to toggle class to body tag in Vuejs?
How I can toggle class for body tag, I have tried couple of ways to resolve my problem, but still recieve error message and have no ideas for it.
So, this is my story:
On body tag, I added ...
0
votes
1answer
41 views
How to register global components with vue-router
I'm using Vue.js with the vue-cli. I chose for the webpack setup.
I wired up the main.js file for routing, though I can't find a way to globally register my components.
main.js
import Vue from ...
-1
votes
0answers
15 views
pagination with filter in vueJs
I have found code in here
v-for="rowinvitation in viewListInvitation | sourceInvitation | limitBy count offset"
but I found error, when I click last page & I find in page one, he is error.
for ...
0
votes
3answers
40 views
How do I pass a route parameter to Vue.js from Laravel
I have a route like this to fetch a post with the associated comment.
Route::get('/api/topics/{category_id}/{title}', function($category_id, $title){
return ...
0
votes
1answer
32 views
How to import Chart.js with Webpack
I have a Vue JS project using Webpack and need to import Chart.js. I have tried
// import Chart from 'chart.js/Chart.min.js'
This gives js errors when trying to use the library.
