有时候需要在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
网友评论