微信小程序的view的bindtap点击事件怎么传值

微信小程序的view的bindtap点击事件怎么传值,第1张

view标签 加 bindtap事件,用data-name传值,如果view中只有文字,点击整个view区域都可以接收到data-name的值,如果view里面加一个lable标签,那么点击lable包裹的区域,data-name取不到值。

解决方法:把取值方式 由e.target.dataset.carrierName 修改为e.currentTarget.dataset.carrierName即可!

一、小程序创建组件过程

1、首先创建一个components目录,下面放文件(组件文件)

2、创建两个组件文件(Listitem和lunbo)

3、在pages文件夹json文件里面,进入对应的模块内引用Listitem和lunbo组件

4、在wxml文件中使用标签属性来引入组件

自定义组件中和页面中的class名重名,是不会产生冲突的;

页面中的class和自定义组件中的class重名;同样不会产生冲突;

二、父传子:

三、子传父:

子组件绑定事件handle事件(bindtap=“handle”)

<view class="status" bindtap="checklist" data-name="p2">

js中获取参数:

checklist: function(e) {

console.info(e.target.dataset.name)

}

无法获取,可以修改为:

checklist: function(e) {

console.info(e.currentTarget.dataset.name)

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/7838334.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-10
下一篇 2023-04-10

发表评论

登录后才能评论

评论列表(0条)

保存