时间戳

首页 > 解决方案 > 如何使 Vue 中的表头可点击？

vue.js - 如何使 Vue 中的表头可点击？

问题描述

是否可以在 Vue 中制作可点击的表头？我已经使用 v-on:click 但什么也没发生。

<tr>
   <th scope="col" class="text-center">No.</th>
   <th scope="col" class="text-center" v-on:click="sortBy">Jenis Barang</th>
   <th scope="col" class="text-center">Ubah</th>
   <th scope="col" class="text-center">Hapus</th>
</tr>

我尝试使用@click，但也没有发生任何事情：/。谢谢你。

标签： vue.js

解决方案

您的问题与 Vue 无关。一般来说，当你想让一行可以点击时，你必须给这一行的每个单元格添加一个事件。另外，我建议<th>使用v-for指令生成您的标签，您只需要编写@click一次。

推荐阅读