is $event.target.value a javascript command or a vue.js command?

Question

I have this line in my vue.js application

<input type="text" v-on:input="cssClass=$event.target.value">

I know that in javascript I can get event.target.value. I think that the above code is Vue.js specific code, but I'm not sure. Need confirmation.

you are using a custom attribute `v-on:input...` so it's not default to javascript — Ibu, Jan 10 '17 at 23:17
if I take out the dollar sign, the vue.js application doesn't work. So this is a vue.js code right? :) — Simon Suh, Jan 10 '17 at 23:17
sorry, I forgot to specify. I was wondering specifically about the '$event' part. — Simon Suh, Jan 10 '17 at 23:18

score 6 · Accepted Answer · edited Jun 20 '20 at 09:12

6

v-on:input will consume the actual DOM event of the input initially, store against $event, a special variable, and then make it available to the function being called. In this case you access $event.target.value to get the newly input value from the event. Methods in Inline Handlers

Hope that helps.

edited Jun 20 '20 at 09:12

Community

1
1

answered Jan 11 '17 at 00:28

Searching

2,259
1
16
28

score 0 · Answer 2 · edited May 23 '17 at 11:53

0

You can use $event because of VueJS. Angular2 also has the same special variable. What exactly $event object do in Angular 2?

edited May 23 '17 at 11:53

Community

1
1

answered Jan 15 '17 at 20:49

FNunez

98
2
12

is $event.target.value a javascript command or a vue.js command?

2 Answers2