Vue v-on 补充

来自姬鸿昌的知识库
Jihongchang讨论 | 贡献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(){}
    }
})

文档

https://v2.cn.vuejs.org/v2/api/#v-on