uniapp 绑定事件

在uni中 事件绑定和在vue中是一样的 通过v-on进行事件的绑定 也可以简写为@

给button做一个绑定事件 methods与dete平级

<template>
	<view>
		<button type="primary" v-on:click="clickHandle()">按钮</button>
	</view>
</template>

<script>
	export default {
		date(){
			return{
				
			}
		},
		methods: {
			clickHandle (){
				console.log('点击我了')
			}
		}
	}
</script>

点击按钮之后 控制台打印出“点击我了”

如果需要传递参数 在cilckHandle里写上参数

<template>
	<view>
		<button type="primary" v-on:click="clickHandle(20)">按钮</button>
	</view>
</template>

<script>
	export default {
		date(){
			return{
				
			}
		},
		methods: {
			clickHandle (e){
				console.log('点击我了',e)   //输出 “点击我了 20”
			}
		}
	}
</script>

传递参数和事件

<template>
	<view>
		<button type="primary" v-on:click="clickHandle(20,$event)">按钮</button>
	</view>
</template>

<script>
	export default {
		date(){
			return{
				
			}
		},
		methods: {
			clickHandle (num,e){
				console.log(num,e)   //输出 “点击我了 20”
			}
		}
	}
</script>

 只写e 不写num 则只传递事件e