Tagged Questions
Vue.js is a library for building interactive web interfaces. It creates data-driven user interfaces with a simple and flexible API.
-1
votes
0answers
5 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
1answer
16 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
7 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
17 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 ...
2
votes
0answers
27 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
22 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
38 views
Vue: Getting the router instance in children components
I'm using vuejs and vue-router and I'm trying to navigate on a click event.
According to vue-router documentation I should use router.push(name) API.
The thing is that the router is initalized in ...
0
votes
0answers
22 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
28 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
27 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
30 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
15 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
24 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
29 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
29 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
23 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
0answers
60 views
How to call keypress event in span tags inside contenteditable true div in vuejs / vue.js?
I am trying to create a editor in vue.js which has the structure like this.
<div
contenteditable="true">
<span
@keyup="update(block)"
@keypress="update(block)"
...
1
vote
1answer
15 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
36 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
37 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
2answers
26 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"/...
2
votes
1answer
30 views
vuejs2 - how to create event buses for single file component hierarchies
I've found a solution by LinusBorg here, that registers a bus globally in any Vue instance. Is there a way to define this in a component hierarchy instead, so that I can create multiple scoped busses? ...
-1
votes
1answer
15 views
Vue.js about passing data with props
I start to learn Vue.js. About passing data to chlid-component, I met a mess. The data isn't shown on the child-component. Why? Somewhere mistake?
1
vote
1answer
27 views
Vue.js - Change the class of a single table row in v-for
I am displaying a table of customers generated dynamically using v-for. Each row has a button that adds the customer ID in an object that will be sent to the API. The thing is, I want to add the ...
1
vote
1answer
17 views
Vue Js - issue with axios Performing multiple concurrent requests with laravel
alright I have small issue may be but I can't figure it out.
if I pass only one http request using axios all work good.
but when I use multiple request I get result in console log but can't able to ...
2
votes
1answer
21 views
Need to play WAV files in Electron using Vue.js or Javascript, No support for WAV from Chrome
Problem is chrome doesn't support WAV files and Electron is built on Chrome.
Our recording server software (Asterisk) records calls to WAV and have no choice but to use WAV as a format since there ...
1
vote
2answers
20 views
[Vue warn]: Failed to resolve directive: ref
I'm learning about Components in Vue.js.
The template is:
<script type="text/template" id="child1">
<h3>This is the child1~!</h3>
</script>
<script type="text/template"...
0
votes
0answers
26 views
Vue.js 2 Authentication JWT
I am trying to make a Vue.js2 application using this boilerplate https://github.com/vuejs-templates/webpack
I am stuck on the Authentication process, using this library: https://github.com/websanova/...
1
vote
2answers
26 views
How do I watch all keys in a data object in Vue 2
My data object:
data: {
selected: {
'type': null,
'instrument': null
},
My template:
<select v-model="selected['instrument']" @change="switchFilter('instrument', $event)"&...
1
vote
3answers
34 views
Treeview with nested inputs with VueJS
I'm trying to build a treeview component comporting inputs in order to change my source json.
The binding part seems to work fine but the hide/show action on branches is broken :
HTML :
<div id=...
0
votes
0answers
23 views
*.vue files, Visual Studio 2017 & TypeScript
Is it possible to edit vuejs's *.vue component files in Visual Studio 2017 with highlighting and intellisense support for HTML, TypeScript AND SCSS?
At the moment, I'm separating the different ...
1
vote
2answers
24 views
How do I use data from Vue.js child component within parent component?
I have a form component where I use a child component. I want to use data from the child component within the parent.
My component in html:
<candidates-form endpoint='/candidates/create' ...
0
votes
1answer
35 views
Vue text input mask
I looking for VueJS 2 text input mask, I didn't find anything useful after research.
I would like to mask user input, e.g.
192.169.0.1/32
I found vue library like v-mask, but it is only for npm, ...
0
votes
2answers
28 views
Vue.js + vue-resource + vue-router = Lexical declaration error?
When trying to use Vue.js with vue-resource and vue-router a error is shown:
ReferenceError: can't access lexical declaration `vm' before
initialization
As far a I tracked the error down it ...
0
votes
1answer
24 views
eventBus does not remove previous message in vue2.js
I have created a form which sends the submitted data to the parent by means of an eventbus. However when I complete the form for a second time, two messages get sent to the parent and for every new ...
1
vote
1answer
14 views
Do something after response is finished?
What im trying to do is add in array some data after response is finished.
Im trying to check if reponse is ready but without success:
this.$http.post('/blog/article/' + articleid + '/comment', ...
0
votes
0answers
29 views
Dynamically load VueJs component from other component
VueJS version: 1.0.28
I have a form that adds users to a table. The form hits an api to search for the user's name and returns a result. On hitting enter, a row with the user is added to the bottom ...
0
votes
1answer
28 views
flash message sometimes does not disappear in vue2.js
I have just made a flash message component, which receives flash messages from the eventBus and then displays the flash message for 3 seconds before disappearing. The component is as follows:
<...
0
votes
1answer
32 views
Vue.js remove always last item from array
I'm trying to have a simple filter where when I click on button "add filter" I will duplicate filter and it will add to array with filters. There is no problem to add but then I cannot remove (cross ...
0
votes
1answer
13 views
Editing Component template after creating it
I have an array of items(places) and a component that I show for each Item of this array, The problem is I wanna update the HTML of the component depending on each Item; I tried to use created and ...
0
votes
1answer
23 views
Vue js - How to create href link from Vue data response and pass to next request?
Before asking question I googled for this problem and I find this solution but's not working for me.
let's start with example that I am developing in my project. My project is in laravel so below ...
4
votes
1answer
44 views
Vuex rendering data that is fetched from REST API
For such component
<template>
<div>
<router-link :to="{name:'section', params: { sectionId: firstSectionId }}">Start</router-link>
</div>
</template&...
0
votes
2answers
25 views
How to add active class to specific element?
I have this methods :
methods: {
replyBox: function(e){
e.preventDefault();
this.isActive = !this.isActive;
);
},
In view i have this:
<...
0
votes
1answer
35 views
Mixing Vue.js into existing SSR website?
Is it possible/viable to use Vue to create components that get instantiated onto custom tags rendered by e.g. a PHP application? Some kind of "custom elements light"?
It "works" if I mount the Vue ...
0
votes
0answers
30 views
Vue.Js - data not updating
I am very new to Vue.Js so please forgive me for this newbie question. I have a result variable in my data() method, and when I try to update the result variable using this.result = result, in the ...
0
votes
1answer
13 views
How do you access array data in a computed function with Vue.js
I am new to Vue.js and I can't seem to figure out how to change the format of data. Currently it's using the following structure.
app.js:
new Vue({
el: '#app',
data: {
price: 0,
shipping:...
0
votes
1answer
14 views
Vue.JS value tied on input having the focus
Is there a way to change a value in the model when an input gets/loses focus?
The use case here is a search input that shows results as you type, these should only show when the focus is on the ...
0
votes
1answer
22 views
Adding together multiple number inputs using Vue.js
I am looking to add a number of inputs together so far I have reached two results.
Firstly using on input the computed result would add together every digit inputted.
Secondly using v-model as you ...
0
votes
1answer
8 views
For .vue file phpstorm code collapse or folding is not visible between <script>
In phpstorm there is no folding +/- between script tag for .vue file using vue-for-idea. Therefore arrays and closures won't fold. This does work as expected in sublime
So there is no folding for ...
0
votes
1answer
15 views
Vue.js - Cannot read property 'gameid' of undefined
I am still new to vue.js and any help is appreciated. I am trying to create a data property object that takes the game id of a specific game for a casino I'm building. I specified the game id in the ...
