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

Posted 2020-12-22 huihuihero

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-传参