uniapp中的事件:v-on

uni中的事件

1.v-on事件绑定

v-on 指令,它用于监听 DOM 事件。v-on缩写为' @ ',下文简称为 @事件

html 复制代码
	<!-- 完整语法 -->
	<view v-on:click="doSomething">点击</view>
	<!-- 缩写 -->
	<view @click="doSomething">点击</view>

事件传参

html 复制代码
<button type="primary" v-on:click="clickHandle(10,$event)">按钮</button>
javascript 复制代码
methods: {
    clickHandle(num, e) { //e -- $event是事件对象
        console.log(num, e)
    }
},
相关推荐
阿珊和她的猫22 分钟前
React中事件处理和合成事件:理解与使用
前端·react.js·前端框架
打小就很皮...25 分钟前
深入理解React Hooks:使用useState和useEffect
前端·react.js
小周同学:30 分钟前
CSS:怎么把网站都变成灰色
前端·css
发现你走远了40 分钟前
『VUE』elementUI dialog的子组件created生命周期不刷新(详细图文注释)
javascript·vue.js·elementui
225082490741 分钟前
【无标题】
javascript·vue.js·elementui
音仔小瓜皮42 分钟前
【bug记录10】同一iOS webview页面中相同的两个svg图标出现部分显示或全部不显示的情况
前端·bug·html5·xhtml·webview
涔溪1 小时前
css3弹性布局
前端·css·css3
Array[赵]1 小时前
npm 最新国内淘宝镜像地址源 (旧版已不能用)
前端·npm·node.js
于慨1 小时前
pnpm报错如Runing this command will add the dependency to the workspace root所示
前端·npm
神秘代码行者2 小时前
Vue 3 监听属性教程
vue.js