美文网首页
event 事件篇

event 事件篇

作者: 隼龙 | 来源:发表于2018-01-15 10:34 被阅读0次

    有时候需要在v-on绑定的事件中处理原生dom的事件,则可以使用$event将它传入方法:

    html

    <button :click="warn('data',$event)">按钮</button>

    methods: {

      warn: function (message, event) {

        // 现在我们可以访问原生事件对象

        if (event) event.preventDefault()

        alert(message)

      }

    }

    其实上面提到的在方法中处理原生dom事件,主要也就是阻止冒泡之类的方法,为了可以在method只专注于业务逻辑,vue还提供了一些事件修饰符:

    <a :click.stop 阻止单击事件冒泡

    <from :click.prevent 提交事件不再重复加载页面

    :click.stop.prevent 修饰符可以串联使用

    键盘事件

    <input :keyup.enter = "submit">

    <input :keyup.11 = "submit>

    生命周期

    就是 创建前后  挂载前后 更新前后 销毁前后

    计算属性 computed

    相关文章

      网友评论

          本文标题:event 事件篇

          本文链接:https://www.haomeiwen.com/subject/htjloxtx.html