Vuetify @click在移动浏览器中滑动/放大/缩小时不起作用，我不确定这是哪种手势

Question

vue：2.6.10vuetify：2.1.13

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

here is my codepen demo

人们请给我一些启发。

<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网络文档上链接-https://developer.mozilla.org/en-US/docs/Web/API/Touch_events因此，例如，如果您想在触摸端触发事件，它将是：

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