uni-app中@click如何实现传递自定义参数及同时获取到事件对象(dataset)

  • 原创
  • 作者:程序员三丰
  • 发布时间:2021-07-29 09:21
  • 浏览量:787
有时候,我们希望通过一个点击事件,既能传递自定义参数,还能同时获取到对应事件对象。

uni-app中@click如何实现传递自定义参数及同时获取到事件对象(dataset)

应用场景描述

有时候,我们希望通过一个点击事件,既能传递自定义参数,还能同时获取到对应事件对象。

解决思路

  • 模版代码片段
<!-- 100为自定义参数,$event 传递事件对象 -->
<view @click="clickDo(100, $event)" />
  • Javascript代码片段
methods{
    clickDo(num, e){
        console.log(num); //此时num打印出来是100
        console.log(e); //此时e打印出来是事件对象
    };
}
声明:本文为原创文章,51blog.xyz和作者拥有版权,如需转载,请注明来源于51blog.xyz并保留原文链接:https://www.51blog.xyz/article/15

文章归档

强烈推荐的PHP全栈开发后台管理系统
buildadmin logo
Thinkphp8 Vue3 Element PLus TypeScript Vite Pinia

🔥BuildAdmin是一个永久免费开源,无需授权即可商业使用,且使用了流行技术栈快速创建商业级后台管理系统。

推荐文章

热门标签

PHP ThinkPHP ThinkPHP5.1 Go Mysql Mysql5.7 Redis Linux CentOS7 Git HTML CSS CSS3 Javascript JQuery Vue LayUI VMware Uniapp 微信小程序 docker wiki Confluence7 学习笔记 uView ES6 Ant Design Pro of Vue React ThinkPHP6.0 chrome 扩展 翻译工具 Nuxt SSR 服务端渲染 scrollreveal.js ThinkPHP8.0 Mac webman 跨域CORS vscode GitHub ECharts Canvas vue3 three.js 微信支付 PHP全栈开发 Python AI 人工智能 AI辅助 工作经验 实战笔记