一箫一剑平生意,负尽狂名十五年。这篇文章主要讲述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-传参
推荐阅读
- SCM流程是怎么样的()
- Androidx RecyclerView基本使用
- YARN调度架构中的AppMaster
- web测试与app测试的区别
- CSAPP:BOMB LAB
- Android GraphicBuffer-Fence
- Android应用中如何创建并使用Surface
- android surface to bitmap
- app专项测试(app弱网测试)