Vue.js 数据表内的Vuetify可点击图标不'；不要改变指针样式

我有一个像这样的

v-data-table

：

<div id="app">
  <v-app id="inspire">
    <v-data-table
      :headers="headers"
      :items="desserts"
      :items-per-page="5"
      class="elevation-1"
    >
      <template v-slot:item.iron>
        <v-icon @click.native="getDocument">mdi-download</v-icon>
      </template>
    </v-data-table>
  </v-app>
</div>

mdi下载

---

但每当我将鼠标移到下载图标上时，它的样式不会从指针变为手，但我不知道为什么。如何解决此问题？

您正在使用

@click.native

。Vuetify将无法理解您是否有

单击

侦听器。引擎盖下的Vuetify有如下功能：

<div class="icon icon-x" :styles="styles"/>

<script>
  export default {
    computed: {
       styles() {
         const base = {};

         if (this.$listeners.click) base.cursor = 'pointer';

         return base;
       }
    }
  }
</script>

---

您正在使用

@click.native

。Vuetify将无法理解您是否有

单击

侦听器。引擎盖下的Vuetify有如下功能：

<div class="icon icon-x" :styles="styles"/>

<script>
  export default {
    computed: {
       styles() {
         const base = {};

         if (this.$listeners.click) base.cursor = 'pointer';

         return base;
       }
    }
  }
</script>

---

我将代码更改为仅使用

@单击
；）谢谢我将代码更改为仅使用
@单击
；）非常感谢。