uni-app事件处理

最新推荐文章于 2024-07-17 17:00:29 发布

weixin_46353442

最新推荐文章于 2024-07-17 17:00:29 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/weixin_46353442/article/details/104837054

版权

本文介绍了uni-app中事件监听、事件处理方法、事件修饰符的使用，包括.v-on指令、事件处理逻辑、DOM事件的访问，以及不同修饰符如.stop、.prevent等的功能和平台兼容性说明。

摘要由CSDN通过智能技术生成

一、监听事件

可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="vue.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="app">
	<div>
		<button v-on:click="counter += 1"> 数值 :  {
  { counter }} </button>
		//每点击该按钮 数值将会增加1
	</div>
</div>
<script type="text/javascript">
var vm = new Vue({
	el : "#app",
	data : {
		counter: 0//给counter赋值
	},
	methods:{
	}
});
</script>
<style type="text/css">
</style>
</body>
</html>

运行结果：
在这里插入图片描述

二、事件处理方法

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_46353442

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
uni-app事件处理

一、监听事件可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascr...
复制链接

扫一扫