vue中的$event
程序员文章站
2022-07-02 18:54:42
...
一、表示事件对象:
<input :value="message" @input="message=$event.target.value">
let app = new Vue({
el: "#app",
data: {
message: '初始值'
}
})
二、在子父组件通信时接收子组件抛出的值:
子组件模板内容:
<button v-on:click="$emit('enlarge-text', 0.1)">
Enlarge text
</button>
然后当在父级组件监听这个事件的时候,我们可以通过 $event 访问到被抛出的这个值:
<blog-post
...
v-on:enlarge-text="postFontSize += $event"
></blog-post>