Questions tagged [vue-events]
85 questions
1
vote
2 answers
Vue.js3 event @keydown.esc on text input is not triggered
I have a text field with various events. All events are working, but not @keydown.esc.
I would like to differ between @blur and @keydown.esc. Escape should always do something and @blur only sometimes.
Found this code…

Daniel
- 31
- 4
1
vote
1 answer
Vue preventing default router-link behaviour works in Chrome but not in Firefox
I have a component that has a router-link as a root tag. I want to prevent its default link behavior so it would fall back to the link if something is wrong with JS or it's disabled.
I made it work in Chrome with such event…

Dvdgld
- 1,984
- 2
- 15
- 41
1
vote
4 answers
VUE JS : Onclick did not increment the score as expected
Hey there i'm working on a simple game where if user click the button then the score will be plus i.e. 1.
new Vue({
el: '#MyApp',
data: {
score: '10',
},
methods: {
ScoreIncre: function(incre) {
this.score += incre;
}
…

Muhammad Khan
- 85
- 2
- 17
1
vote
1 answer
Data transfer problem between two siblings components (Vue js)
I have three components and one of those is the parent of the others I'm trying to pass an object called talk between siblings emiting it inside an event from FollowedBrowser to LeftBar and then passing it via prop from LeftBar to TalksList…

fahico98
- 135
- 2
- 11
1
vote
1 answer
Handle submit event in child then parent in Vue using Composition API
New to Vue.js and trying to handle a submit event in a component representing a form that will check validity of child components and pass on processing to an event handler in the parent if everything looks good.
I'm getting this error...
[Vue…

nstuyvesant
- 1,392
- 2
- 18
- 43
1
vote
0 answers
vue.js1 event not emitting if 4 listerns are registered
I have a very weird issue. I might be doing something very silly here but not aware of it.
I am using vue.js 1. I have a component which is a bootstrap modal that emits 4 custom events. For each of these, I have a listener registered on the parent.…

Yeasir Arafat Majumder
- 1,222
- 2
- 15
- 34
1
vote
1 answer
Is there a way on VUE to display child name under parents name using :click event?
My View where filterItems is used for search function. {{ item.arrival }} gets time as 12:00 PM , 1:00 PM and 1:30 PM {{ post.customerName }} gets name as David , Marco and Mario. This is my view code

sandesh phuyal
- 73
- 10
1
vote
1 answer
Clicking on input with keyup.enter.prevent form is submitted anyway
In @vue/cli 4.1.1 app I use bootstrap-vue and I have a form with 2 tabs :
on 1st tab several fields and clicking Enter key on any
control my form is submitted as expected, but I have
the second tab with listing of meta keywords and single input…

Petro Gromovo
- 1,755
- 5
- 33
- 91
1
vote
1 answer
Reusing method from parent component inside child component
The structure of my app is like this:
Root component(mounted inside main.js(generated with vue-cli)):
…

r.gjoni
- 45
- 7
1
vote
1 answer
Global EventBus to pass data between components does not work
I am trying to use a global eventbus in VueJs but have been unsuccessful so far.
I have the following code. When I navigate from ResetPassword to Login screen, I should see the successMessage with a Your password has been changed successfully.…

Ajit Goel
- 4,180
- 7
- 59
- 107
1
vote
1 answer
Is there a way to fix my two way binding and passing data with props. They are not being recognized
I am trying to use the v-model and it is not picking up what I am trying to bind it from the data object which is 'quote'. In addition my @click won't recognize my function 'createNew' for some reason when trying to use the $emit when passing props.…

brianmsantos
- 67
- 1
- 11
1
vote
2 answers
Vue-Bootstrap: how to trigger sorting of one b-table to trigger sorting of the another b-table?
I'm using VueBoostrap components, in a combination with sorting routine applied. In my project I have some more complex sorting routine, but for this dummy example, I will use the default one.
When a sorting is applied for a b-table, the…

delux
- 1,694
- 10
- 33
- 64
1
vote
1 answer
How to listen to a nested components' events in Vue
I want to get an "input" event from a nested component that I see firing from the Vue chrome devtools extension
I can only listen to the "input" event on the VDatePicker using the v-on directive. Is there a way to listen to the VDatePickerDateTable…

izbz
- 93
- 10
1
vote
3 answers
$emit event from children to parent item that is inside a v-for in VueJS
let's say I got the following structure:
// parent template
Parent
// inside children1, i got another children
…

msqar
- 2,940
- 5
- 44
- 90
1
vote
1 answer
VueJS: Run function in parent component when event triggered in child component
This is my first proper Vue JS project...I've searched Stack O and can't find anything that specifically addresses my issue, but I apologise if this has already been asked.
The Problem
I have two components, the parent is the page layout, while the…

AlxTheRed
- 505
- 6
- 23