“Vue v-on 指令”的版本间的差异
跳到导航
跳到搜索
Jihongchang（讨论 | 贡献） |
Jihongchang（讨论 | 贡献） |
||
| 第5行： | 第5行： | ||
<input type="button" value="事件绑定" v-on:monseenter="方法"> | <input type="button" value="事件绑定" v-on:monseenter="方法"> | ||
<input type="button" value="事件绑定" v-on:dblclick="方法"> | <input type="button" value="事件绑定" v-on:dblclick="方法"> | ||
| + | <input type="button" value="事件绑定" v-on:dblclick="doIt"> | ||
| + | <input type="button" value="事件绑定" @dblclick="doIt"> | ||
</div> | </div> | ||
| 第10行： | 第12行： | ||
el:"#app", | el:"#app", | ||
methods:{ | methods:{ | ||
| + | doIt:function(){ | ||
| + | //逻辑 | ||
| + | } | ||
} | } | ||
}) | }) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
2023年6月7日 (三) 09:46的版本
为元素绑定事件
<div id="app">
<input type="button" value="事件绑定" v-on:事件名="方法">
<input type="button" value="事件绑定" v-on:click="方法">
<input type="button" value="事件绑定" v-on:monseenter="方法">
<input type="button" value="事件绑定" v-on:dblclick="方法">
<input type="button" value="事件绑定" v-on:dblclick="doIt">
<input type="button" value="事件绑定" @dblclick="doIt">
</div>
var app = new Vue({
el:"#app",
methods:{
doIt:function(){
//逻辑
}
}
})