Javascript 从vuetify'；s v卡，当其具有关联的链接时

我有一个v卡列表，所有的v卡都有

to

属性设置。 当我点击它时，默认的行为是产生点击效果，这是我不想要的。如何删除它

代码如下所示：

<v-col v-for="item in myItems" :key="`${item.id}`" cols="12">
  <v-card :key="item.id" class="pl-4 pr-4" :to="item.href">
    <div class="some-unrelated-class">
      <p>{{item.name}}</p>
    </div>
  </v-card>
</v-col>

---

无论如何，当v-card组件用作链接时，如何删除其上的这些额外装饰？

如果要删除动画，请在单击v-card时添加以下内容：

:ripple="false"

---

对于您的v-card标签，您可以在此处阅读有关ripple指令的更多信息：

单击后，这将删除动画，但不会删除灰色背景

:ripple="false"