欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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>

 

相关标签: vue

上一篇: AngularJS

下一篇: 易错题