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 dynamically import a component
I'm trying to create a generic form field in Vue that can be configured to use various different widgets for input. I'd like to have a directory of inputs and then import the correct one and use it in ...
0
votes
0answers
11 views
Laravel vuejs keep saying data is undefined
I am new to laravel/vue js. I was following some tutorial and I could not render data in the html. It throws error message is undefined for some reason. And also I did not change much from initial ...
0
votes
0answers
16 views
Passing reserved names as props
I have a ton of repetitive form inputs that I would like to abstract into a component. I would like to do the following:
<InputElement title="someTitle" v-model="someName" @blur="someFunction" ...
1
vote
0answers
9 views
Why does LiveReload not work in vue-cli project with Vagrant?
This is the first time I try vue-cli, to avoid installing npm-packages globally I use Vagrant.
Vagrantfile
Vagrant.configure("2") do |config|
config.vm.box = "ubuntu/xenial64"
config.vm....
0
votes
0answers
9 views
How to pass a Vue mixin to a globally registered component
I have a number of components that are registered globally as such:
Vue.component('form-input-text', require('./components/FormInputText.vue'));
Vue.component('form-select', require('./components/...
1
vote
0answers
38 views
Deleting from database raises Request failed with status code 405 error
I am attempting to delete items from a MySQL database by id using axios. In my Vue component I have the following method set up to handle removing an item:
deleteTodo(id, index){
axios.delete(...
0
votes
0answers
20 views
Vue nested object not reacting with equal object
I needed to find a way to modify a component settings through a modal, so I came up with this:
First, I have a "selectedMdl" variable in the parent:
var app = new Vue({
el: '#app-7',
data: ...
0
votes
0answers
16 views
Vue.js (vuex and vue router) SPA with login?
Can anyone provide a simple example for a single page application on vue.js 2 (with vuex and vue router) with login and sessions implemented? thank you!
0
votes
1answer
19 views
vue.js conditional rendering of an attribute
I'd like to learn what is the best way to conditionally render an HTML attribute in Vue.js. For example, add data-toggle="tooltip" if there is a tooltip message for current instance.
The code I have ...
0
votes
1answer
21 views
go
0
votes
1answer
26 views
Vue.js ready() method doesn't get called in vue component
I'm using Webpack bundler to serve Vue 2.0 based frontend. The problem is that method ready in components doesn't get called. Do I need to add some extra watch on component or something like that?
My ...
0
votes
1answer
21 views
How to catch events across multiple child Vue components
I am building a form framework in vue. I have components for each field type. Each field type component uses this.$emit to communicate changes with the parent component.
I am able to trigger events ...
0
votes
2answers
30 views
Validation error Form Request v-model Laravel vue.js
I have a problem.
I'm using a Form Request but also Vue on my form. My problem is that old('') variables does not work together with Vue v-model.
Here is an example of the input field.
<div ...
-2
votes
0answers
49 views
What are the disadvantages of VueJS? [on hold]
I am an AngularJS developer since the very beginning of the framework. I think, I know the advantages and disadvantages of Angular very well.
I have heard so many good things about VueJS and would ...
0
votes
1answer
25 views
Vue2 & $refs & Cannot read property 'msg' of undefined
I use $refs to bind the child component but Can not get the value of child component from parent component thorough $ref.refname.msg. (I have tried $children which could work).
msg of child component ...
0
votes
0answers
25 views
@mouseup not firing if a $set is called
I have a component with a table row and I want to mark a continuous selection of the cells with the mouse.
the goal I'm aiming at is: mousedown on one cell to start marking cells, while still holding ...
1
vote
1answer
23 views
Setting 'selected' option for select element in Vue.js
I have an array- selected_players, which I am looping through in Vue.js, but am not able to set the selected attribute of an option.
What I am trying: :selected="player.round.best_player == 1"
Here ...
1
vote
1answer
29 views
Vue Js - How to get slug from url?
let me explain with example on that I am working.My project is in laravel 5.*. I referred first and second links but no luck.
I have 2 files brand_detail.blade.php and brand_detail.js
when I open ...
0
votes
0answers
39 views
Vue2.x how to use computed attribute in components?
child component get the value from parent component，use ref in child component and the parent component use $refs to get the child component instance.But if child component get the parent component ...
0
votes
2answers
23 views
Vue.js: How to let parent element as an proxy to receiving events comes from its child element?
For instant:
<div class="synonym-list-wrapper" @mousemove="onMouseMove($event)">
<ul class="synonym-list" ref="synonymList" :style="{transform:'translateX(' + translateX + 'px)'}">...
0
votes
1answer
29 views
Vuejs - pass data from parent to child with props
I have started playing with Vue but faced an issue when trying to pass data to a component using props. In the code below this.myData (in the Hello.vue) is undefined for some reason
App.vue
<...
0
votes
1answer
24 views
Display a specific element of an array after a query
I'm in trouble to display a specific element in an array with vuejs 2.
After this query I obtain an array with 20 elements :
this.$http.jsonp('https://api.instagram.com/v1/users/self/media/recent/?...
0
votes
1answer
33 views
Sluggish render VueJS page with 2000-3000 items
I have an administrator view which can display a list of users. Complete list is about 3000 entries. I have pagination enabled by default to 100 users/page, but the admin has the option to display all ...
0
votes
1answer
13 views
Vue router-view not rending when using router.beforeEach
I'm working with the Vue Router and I need to use the router.beforeEachcallback to determine if a certain route has been hit. The only problem with this is that when the callback is used the <...
1
vote
1answer
34 views
Vuejs show/hide condition
Adding and removing dynamic items is functioning. I'm wanting to additionally show/hide elements under each. However, when I "show/hide" it toggles all. How can I call only the current index (...
1
vote
2answers
36 views
Update parent model from child component Vue
I have a very small app that has a donation form. The form walks the user through the steps of filling in information. I have a main component, which is the form wrapper and the main Vue instance ...
1
vote
2answers
18 views
Vue 2: Can't Get Past “Cannot Read Property”
I just upgraded my app to Vue 2 and I can’t seem to get past this error:
"Uncaught TypeError: Cannot read property 'length' of null at
VueComponent.showChoices (eval at (app.js:310),
:33:32)”
...
2
votes
0answers
35 views
Webpack: How to separate UI from business logic in Electron app?
I'm developing a desktop app on Electron + Vue 2 + Webpack 2 + Bootstrap 3. Currently, all JS code is bundled by webpack and is included in the HTML as a single file.
index.html
<body>
<...
0
votes
1answer
32 views
How to use dynamic style in vueJs
Is there any way to get data as props in vueJs component and use the value inside section?
something like :
<my-component color="red" >
and to use red as a dynamic value inside section of ...
-1
votes
0answers
19 views
transition on functional component within router-view does not work?
see jsfiddle.net/faisalhakim47/qaL09rvn/31/.
it works when one of the component is functional and the other is not functional. It is intended behaviour?
4
votes
2answers
52 views
Is it possible to use Selenium WebDriver for automating desktop applications?
I'm preparing to write automated tests for Web/Desktop application that is currently in the initial stage of development. The technologies that will be used are Laravel, VueJS and most important ...
0
votes
0answers
15 views
How to execute vuejs application with jsdom from a bundle file?
I have a bundled file of vuejs2 app and I need to make it work on the server for SEO purposes, I tried jsdom but it seems like it doesn't want to execute the js script.
Is there a way that I can do ...
0
votes
1answer
21 views
Vue.js: vue-router subdomains
The vue-router documentation does not address this topic.
Perhaps my expectation that vue-router could handle this illustrates a fundamental misunderstanding of mine of how subdomains operate.
Could ...
3
votes
1answer
46 views
Vue.js 2 - vue-youtube-embed how to detect video ended state?
I'm using vue-youtube-embed to use the Youtube API in my vuejs component.
Here is my code:
<script>
export default {
data() {
return {
videoId: 'HjxYvcdpVnU',
videoLaunched: ...
youtube-api
1
vote
1answer
26 views
Vue2: Why do I get infinite $http.get requests when I assign property from response?
I make $http.get call to back-end where I process data and return a result, and I want to assign property to this dynamically (the property is declared in data list):
watch: {
send_amount: ...
1
vote
3answers
51 views
Vue: Getting the router instance in children components
I'm using Vue.js and vue-router, I'm trying to navigate on a click event.
According to vue-router documentation I should use the router.push(name) API function.
The thing is that the router is ...
0
votes
0answers
25 views
How to use htmlhint-loader with vuejs
I am trying to setup html linting with my vuejs app, but I am not sure how to configure this correctly with my webpack config. I am currently trying with htmlhint-loader. I installed it using this ...
2
votes
2answers
35 views
Do Vue watched properties cache just like the computed properties?
In the Vue docs it is mentioned that computed properties are smartly cached as opposed to using regular methods:
In comparison, a method invocation will always run the function whenever a re-render ...
0
votes
0answers
32 views
Re-Rendering Vue Component after dynamic insertion
I am using dropzone in this example, it accepts a file and when the file is uploaded, I provide a preview template. The preview template then needs to render a new dropzone component "import-widget" ...
1
vote
2answers
36 views
vue-axios `catch` function doesn't trigger when expected
I have a Vue app in a single file component which allows the user to lookup a github username and see the fullname, login, and country the user is from.
Here is my component:
<template>
<...
0
votes
2answers
17 views
How does one handle ' in user-supplied data in vue.js?
So I have a block of user-supplied text I'm pulling in from a CMS. However, in that string is a simple ' which blows up the whole string and returns an error. I'm trying to locate a solution to keep ...
0
votes
0answers
29 views
Vuejs 2 Server side rendering - not working
I've been working on making my vuejs app function well with SSR but all of my tries failed. I really need help in this.
Please note that I'm using normal js files not .vue files with es6 and require ...
0
votes
0answers
35 views
VueJS model not updating when select2 input is changed
We are using Vue 0.12 for legacy reasons and I am trying to use the latest version of select2 to implement a tagging interface. I have select2 working fine, but the Vue model for my tag element is not ...
3
votes
1answer
32 views
Vuejs2: How to re-render array computed properties when array changed
I have array named List and created computed property computedList for him.
When i update value of array it's not showing in html, but in console i see thar array is updated.
`https://jsfiddle.net/...
2
votes
2answers
24 views
Vue.js not recognizing data keys
Following the official guide, I am trying to build a simple form that outputs its input into a div on the same template.
Here is my code
<template lang="html">
<div>
<input ...
2
votes
1answer
101 views
How to call keypress event in span tags inside contenteditable true div in vuejs / vue.js?
I am trying to create an editor in vue.js which has the structure like this.
This is the code snippet:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"&...
1
vote
1answer
17 views
Setting the router-link to attribute with component data in Vue.js
How to inject component data in <router-link to="...">? Sample:
var data = {files: [{name: "test", path: "/test"}]};
var component = {
data: function() {
return data
},
...
5
votes
1answer
38 views
How to get/set select2 value in vuejs
I am using vuejs and creating/deleting dynamic select, which is working fine.
Here is working fiddle : https://jsfiddle.net/nikleshraut/fgpdp700/2/
var vm = new Vue({
el: "#app",
data: {
...
2
votes
1answer
38 views
How to filter comments with vue.js?
In my view i have this :
<select class="sort_by">
<option selected disabled>SORT BY</option>
<option value="name" >Name</option>
<option ...
0
votes
3answers
33 views
Vuex: accessing store directly or passing properties?
I'm migrating a pure Vue application to Vuex, and I'm not sure about the best way to pass data to the components downstream. The Vue way is to pass them as properties:
<component :my-prop="myProp"/...
