Vue自学：v-on的参数传递问题 - vue

首页 > 博客列表 > Vue自学：v-on的参数传递问题

博主信息

博文 250

粉丝 3

访问量 370710

专题推荐

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

Vue自学：v-on的参数传递问题

梁凯达的博客

原创

1175人浏览过

<!DOCTYPE html>

<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Vue自学：v-on的参数传递问题</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">

<button type="button" v-on:click="button_click1">按钮1</button>

<button type="button" @click="button_click2">按钮2</button>
<button type="button" @click="button_click3('这就是一个参数')">按钮3</button>

<button type="button" v-on:click="button_click4(abc,$event)">按钮4</button>
<button type="button">按钮5</button>
<button type="button">按钮6</button>
</div>
</body>
<script type="text/javascript">
const vm = new Vue({
el:’#app’,
data:{
abc:’就是个变量’
},
methods:{
button_click1(){
console.log(1)
},
//传递了一个浏览器对象
button_click2(event){
console.log(event)
},
//传递了一个实际的参数
button_click3(data){
console.log(data)
},
//传递了一个abc，实际上abc应该是一个变量或者是一种方法
button_click4(abc,event){
console.log(abc,event)
}

}
})
</script>
</html>