uni-app学习
uni中的事件
事件绑定
在uni中事件绑定和vue一样,通过v-on进行绑定,可以简写为@
<button type="primary" v-on:click="handClick">点我</button>
可以简写为:
<button type="primary" @click="handClick">点我</button>
在methods中:
methods:{
handClick(){
console.log('点到我啦')
}
}
内联处理器的方法
除了直接绑定到一个方法,也可以在内联js语句中调用方法:
<div id="exam">
<button v-on:click="say('hi')">Say hi</button>
<button v-on:click="say('what')">Say what</button>
</div>
new Vue({
el: '#exam',
methods: {
say: function (message) {
alert(message)
}
}
})
事件修饰符
<!-- 阻止单击事件继续传播 -->
<a v-on:click.stop="doThis"></a>
<!-- 提交事件不再重载页面 -->
<form v-on:submit.prevent="onSubmit"></form>
<!-- 修饰符可以串联 -->
<a v-on:click.stop.prevent