vue
js
中
的
事件
绑定
，使用<v xss=removed>来完成的，这里函数名是定义在
Vue
实例
中
的methods对象
中
的，
Vue
实例可以直接访问其
中
的方法。
二、
事件
绑定
方式
1、 直接在标签
中
写js方法
<button v-on:
click
=alert（'hi'）>执行方法的第一种写法</button>
2、调用method的办法
<button v-on:
click
=run()>执行方法的第一种写法</button>
<button @
click
=run()>执行方法的 简写 写法</button>
export default {
data ()
vue
@
click
如何
绑定
多个
方法
@
click
="dialogVisibleConfirmUse = false; handleConfirmUseLayoutBtn();
<el-button type="primary" @
click
="dialogVisibleConfirmUse = false; handleConfirmUseLayoutBtn();">确 定&...
假设说需求让我们同时给“重置”按钮
绑定
两个
事件
，一个功能负责重置所有输入框和下拉选择框的值，另一个功能负责执行搜索。
第一个功能做成全局的，所有页面只要
绑定
该类都可以执行到。第二个功能，因为每个页面的搜索参数和执行的操作不一样，所以要单独写。
$('body).on('
click
','.reset',function(){
//重置输入框和下拉选择框
$('body).on('
click
','.reset',function(){
可是全局的
一.on(‘clcik’)与$(”).clcik()方法的区别：
on(‘clcik’)：
事件
委托机制
// 在body元素上
绑定
click
事件
处理函数handler，如果这个
click
事件
是由其后代的P元素触发的，就执行handler
$(document.body).on(“
click
”, “p”, handler);
事件
委托机制就是，我们不为每个P元素直接
绑定
click
事件
处理函数，而是委托给其某个公共的祖辈元素(此处示例
中
为document.body)，”告诉”他：如果接收到了
click
事件
触发通知，并且这个
click
事件
是由我们这些P元素其
中
之一触发的，就执行祖辈元素上委托
绑定
的事
<template>
<select v-model='selected' @
click
=disable()>
<option v-for=(option,index) v-bind:value=option.value disabled=option.disabled>
{{ option.text }}{{index}}{{option.disabled}}
</option>
</select>
<span>Selected: {{ selected }}</span>
