“Vue v-on 补充”的版本间的差异
跳到导航
跳到搜索
Jihongchang(讨论 | 贡献) (→形式2) |
Jihongchang(讨论 | 贡献) |
||
第33行: | 第33行: | ||
}) | }) | ||
</syntaxhighlight> | </syntaxhighlight> | ||
+ | |||
+ | === 文档 === | ||
+ | https://v2.cn.vuejs.org/v2/api/#v-on |
2023年8月8日 (二) 08:09的版本
https://www.bilibili.com/video/BV12J411m7MG/?p=16
传递自定义参数,事件修饰符
形式1
<div id="app">
<input type="button" @click="doIt"/>
</div>
var app = new Vue({
el:"#app",
methods:{
doIt:function(){}
}
})
形式2
<div>
<input type="button" @click="doIt(p1, p2)"/>
<input type="text" @keyup="sayHi">
<input type="text" @keyup.enter="sayHi">
</div>
var app = new Vue({
el:"#app",
methods:{
doIt:function(p1, p2){},
sayHi:function(){}
}
})