@ composi / gestures用亮起的元素滑动

编程问答 2022-06-08

问题描述

我正在尝试使用https://github.com/composi/gestures库通过我的lit-element实现手势：

在文件的顶部，我有以下内容：

import { gestures } from '@composi/gestures'
gestures();

然后在我的渲染功能中：

render() {
 return html`
  <div class="tablet-menu " id="tablet-menu-T">
  <div class="tablet-menu-body" on-swipe="${this._swipe}">
....

然而，从未调用过_swipe函数，因此似乎没有注册滑动命令。

我做错了什么？

解决方法

这使用了错误的事件处理程序语法。

dateutil

使用 <div class="tablet-menu-body" on-swipe="${this._swipe}"> 前缀代替on-前缀：

@

请参阅：https://lit-html.polymer-project.org/guide/template-reference#event-listeners

注意：LitElement类方法不需要使用箭头功能。它们会自动使用正确的 <div class="tablet-menu-body" @swipe="${this._swipe}"> 引用进行调用。

,

使其具有箭头功能 

<div class="tablet-menu-body" on-swipe="() => ${this._swipe}">

也许我回答的语法是错误的，但是您必须将其与箭头功能一起应用

javascriptlit-elementtypescripttypescript