van-button 点击事件不生效

Question

老师 van-button 在组件内部的点击事件都打印不出来 触发不了点击事件 我再最外层的div也加了点击事件测试 也无法生效

Answer 1

Sam 2019-08-30 08:46:30

你好，需要将我的微信号加入你的开发者列表，微信号是：xiaomudushu，不然无法调试你的代码

• 提问者 weixin_慕勒327452 #1

  已添加

• 提问者 weixin_慕勒327452 #2

  老师  我已经把你的微信号加入了开发者列表了

• Sam 回复 提问者 weixin_慕勒327452 #3

  好的，我马上看下

Answer 2

Sam 2019-09-04 09:33:01

hi，问题已经解决了，这个问题是 mpvue 的 BUG，我跟踪了点击事件的源码 handleProxyWithVue，发现我们自定义组件的事件丢失了，点击事件触发正常，但是事件丢失了，核心代码如下：

var attrs = data.attrs; // 获取事件 id
var on = data.on; // 事件实际存储位置，这里返回的是 undefined
if (attrs && on && attrs['eventid'] === eventid) {
  eventTypes.forEach(function (et) {
    var h = on[et];
    if (typeof h === 'function') {
      res.push(h);
    } else if (Array.isArray(h)) {
      res = res.concat(h);
    }
  });
  return res
}

如上，事件绑定在 data.on 属性中，这里事件丢失，导致事件无法响应，解决的方法是将 DetailBottom.vue 组件中的内容直接写到 detail.vue 中即可

• 律政先锋_张大炮 #1

  除了这个方法还有别的方法吗，视频中不是可以吗？

Answer 3

Sam 2019-09-02 21:52:12

我调试了一下你的源码，发现 van-button 绑定的事件没有问题，如果你那边还有问题，可以详细描述下你的问题，抱歉回晚了，最近比较忙

• 提问者 weixin_慕勒327452 #1

  老师你要把detail.vue里面的DetailStat和DetailRate组件的注释打开才会点不上

Answer 4

提问者 weixin_慕勒327452 2019-08-28 17:06:58

但是把注释一打开就点不了

Answer 5

提问者 weixin_慕勒327452 2019-08-28 17:06:03

我把DetailRate这个评分插件注释掉了 底部就可以点击了

Answer 6

提问者 weixin_慕勒327452 2019-08-28 15:21:01

重启了 重新打包了都不行

Answer 7

Sam 2019-08-28 15:14:45

先重启下项目试试

• 提问者 weixin_慕勒327452 #1

  重启了 重新打包了都不行，我把DetailRate这个评分插件注释掉了 底部就可以点击了，但是把注释一打开就点不了

• Sam 回复 提问者 weixin_慕勒327452 #2

  应该不是什么大问题，上传源码吧，等我有空给你调试

• 提问者 weixin_慕勒327452 回复 Sam #3

  https://github.com/wangyijian123/wangyj.git

点开查看后面3条评论