uni-app点击事件传参与vue区别

一箫一剑平生意,负尽狂名十五年。这篇文章主要讲述uni-app点击事件传参与vue区别相关的知识,希望能为你提供帮助。
【uni-app点击事件传参与vue区别】uni-app点击事件传参遵循了微信小程序的方式。
vue可用的事件传参,直接在函数中传参即可

< div @click=" handleClick(‘大狗子‘)" > 点我< /div> handleClick(data){ console.log(data)//打印出 大狗子 }

uni-app的事件传参,和微信方式类似,需要先定义data-,再在函数中获取
< div @click=" handleClick" data-big-dog=‘大狗子‘> 点我< /div> //如果绑定动态数据,使用:data-即可 //注意这里是data-big-dog时,函数中用dataset.bigDog获取,自动转成驼峰;若这里是data-bigDog,则函数中用dataset.bigdog获取,驼峰大写字母转成了小写;即使用-连接时,一律转为驼峰,不使用时,一律转为小写。handleClick(e){ console.log(e.currentTarget.dataset.bigDog)//打印出 大狗子 }

注:在Uniapp中测试,函数传参也可以使用,但建议使用data-传参

    推荐阅读