vue实现绑定事件的方法实例O~KEY

vue实现绑定事件的方法实例

vue.js中的事件绑定，使用来完成的，这里函数名是定义在Vue实例中的methods对象中的，Vue实例可以直接访问其中的方法。

事件绑定方式:

1、 直接在标签中写js方法

执行方法的第一种写法

2、调用method的办法

执行方法的第一种写法

执行方法的 简写 写法

export default {

data () {

},

methods:{

run:function(){

alert(\'这是一个方法\');

}

}

}

(1)方法传参，方法直接在调用时在方法内传入参数

执行方法传值111

执行方法传值2222

export default {

data () {

},

methods:{

result:function(val){

alert(val);

}

}

}

事件修饰符

Vue.js 为 v-on 提供了事件修饰符来处理 DOM 事件细节，如：event.preventDefault() 或 event.stopPropagation()。

Vue.js通过由点(.)表示的指令后缀来调用修饰符。

.stop

.prevent

.capture

.self

.once

按键修饰符

.enter

.tab

.delete (捕获 "删除" 和 "退格" 键)

.esc

.space

.up

.down

.left

.right

.ctrl

.alt

.shift

.meta