Lynx框架中如何正确绑定点击事件？

Tr° 洛熙提问于 2026-03-06 13:47:16 阅读 26

框架

我在用Lynx写一个列表页，想给每个item加点击事件，但绑不上。试了@tap和@click都不行，控制台也没报错，就是没反应。

这是我的代码片段：

<template>
  <div class="list">
    <div class="item" @tap="handleClick">点击我</div>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick() {
      console.log('clicked');
    }
  }
}
</script>

我来解答赞 2 收藏

反馈

1 条解答

公孙瑞娜 Lv1

问题应该出在Lynx框架的事件绑定方式上，它和普通Vue有点区别。Lynx为了优化移动端性能，默认用了自己封装的事件系统，你得用l-tap而不是@tap。

改两处就行：
1. 模板里改成l-tap="handleClick"
2. 确保在main.js里正确引入了Lynx的事件插件

改完的代码长这样：



<template>

  <div class="list">

    <div class="item" l-tap="handleClick">点击我</div>

  </div>

</template>

如果还不行，检查下有没有在项目里装@lynx/event这个包。这个坑我去年也踩过，lynx的文档写得太隐蔽了...

2026-03-06 14:03