无参语法
按钮1
有参语法
按钮2
举例源码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<button v-on:click="bt1">按钮1</button>
<button v-on:click="bt2('按钮2',$event)">按钮2</button>
</div>
<script src="../js/vue.js"></script>
<script>
const app=new Vue({
el:"#app",
data:{
counter:0
},
methods:{
bt1(){
console.log("按钮1");
},
bt2(arg,event){
console.log(arg,event);
}
}
});
</script>
</body>
</html>
运行效果
说明
第二个参数是鼠标在浏览器中移动或者点击时，浏览器生成的event对象
如果你喜欢我的分享，欢迎关注微信公众号 java学长分享技术干货！
悄悄告诉你免费赠送重磅互联网架构师教程，提升职场技术水平！
565
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
