Vuetify @click移动浏览器中滑动/放大/缩小时不起作用，我不确定它是什么样的手势

Question

vue：2.6.10 Vuetify：2.1.13

描述： 在移动浏览器中滑动/放大/缩小时，Vuetify @click不起作用，我不确定它是什么样的手势。 如果代码不在 Codepen 中，而是在清晰的开发模式下，它是否更容易重现。通常当我向下滑动，向上滑动时，它会发生。

这是我的 Codepen 演示

人们请给我一些灵感。

<div id="app">
<v-app>
<v-content>
<v-layout row>
<v-flex xs12 sm6 offset-sm3>
<v-card>
<v-divider></v-divider>
<v-list subheader>
<v-list-item avatar ripple @click="rssHandler()">
<v-list-item-avatar>
<v-icon>mdi-heart</v-icon>
</v-list-item-avatar>
<v-list-item-content>
<v-list-item-title>rss</v-list-item-title>
</v-list-item-content>
<v-list-item-action>
<v-icon>mdi-star</v-icon>
</v-list-item-action>
</v-list-item>
<v-list-item avatar ripple @click="rssHandler()">
<v-list-item-avatar>
<v-icon>mdi-heart</v-icon>
</v-list-item-avatar>
<v-list-item-content>
<v-list-item-title>rss</v-list-item-title>
</v-list-item-content>
<v-list-item-action>
<v-icon>mdi-star</v-icon>
</v-list-item-action>
</v-list-item>
<v-list-item avatar ripple @click="rssHandler()">
<v-list-item-avatar>
<v-icon>mdi-heart</v-icon>
</v-list-item-avatar>
<v-list-item-content>
<v-list-item-title>rss</v-list-item-title>
</v-list-item-content>
<v-list-item-action>
<v-icon>mdi-star</v-icon>
</v-list-item-action>
</v-list-item>
<v-list-item avatar ripple @click="rssHandler()">
<v-list-item-avatar>
<v-icon>mdi-heart</v-icon>
</v-list-item-avatar>
<v-list-item-content>
<v-list-item-title>rss</v-list-item-title>
</v-list-item-content>
<v-list-item-action>
<v-icon>mdi-star</v-icon>
</v-list-item-action>
</v-list-item>
<v-list-item avatar ripple @click="rssHandler()">
<v-list-item-avatar>
<v-icon>mdi-heart</v-icon>
</v-list-item-avatar>
<v-list-item-content>
<v-list-item-title>rss</v-list-item-title>
</v-list-item-content>
<v-list-item-action>
<v-icon>mdi-star</v-icon>
</v-list-item-action>
</v-list-item>
<v-list-item avatar ripple @click="rssHandler()">
<v-list-item-avatar>
<v-icon>mdi-heart</v-icon>
</v-list-item-avatar>
<v-list-item-content>
<v-list-item-title>rss</v-list-item-title>
</v-list-item-content>
<v-list-item-action>
<v-icon>mdi-star</v-icon>
</v-list-item-action>
</v-list-item>
<v-list-item avatar ripple @click="rssHandler()">
<v-list-item-avatar>
<v-icon>mdi-heart</v-icon>
</v-list-item-avatar>
<v-list-item-content>
<v-list-item-title>rss</v-list-item-title>
</v-list-item-content>
<v-list-item-action>
<v-icon>mdi-star</v-icon>
</v-list-item-action>
</v-list-item>
<v-list-item avatar ripple @click="rssHandler()">
<v-list-item-avatar>
<v-icon>mdi-heart</v-icon>
</v-list-item-avatar>
<v-list-item-content>
<v-list-item-title>rss</v-list-item-title>
</v-list-item-content>
<v-list-item-action>
<v-icon>mdi-star</v-icon>
</v-list-item-action>
</v-list-item>
</v-list>
</v-card>
</v-flex>
</v-layout>
</v-content>
</v-app>

Answer 1

你必须使用Web API中的Touch events。
MDN Web 文档的链接 - https://developer.mozilla.org/en-US/docs/Web/API/Touch_events
因此，例如，如果您想在触摸端触发事件，它将是：

<v-list-item avatar ripple @touchend="rssHandler()">