在 VueJS 中创建可点击的行表答案

【问题标题】：Create clickable row table in VueJS在 VueJS 中创建可点击的行表
【发布时间】：2020-05-19 02:19:07
【问题描述】：

我是 VueJS 的初学者......我有以下场景：我有一个在 LARAVEL / API 和 VUEJS / CLIENT 中创建的 web 应用程序，我有一个包含费用列表的表格，我想成为能够单击每项费用两次以查看该费用。我知道我将不得不拿起键盘事件，但不知道如何在我的 WebApp 上实现它......有人可以帮忙吗？

【问题讨论】：

标签： laravel vue.js

【解决方案1】：

如果您的表格行使用 TR 元素，只需执行 <tr @dblclick="showDetail(item)"> 或如果它是 DIV，则执行 <div @dblclick="showDetail(item)">

然后在你的对象方法上，创建 showDetail 函数

Item 指的是在行上渲染的对象

methods: {
    showDetail (item) {
    }
},

【讨论】：

感谢朋友的回答。那么这个事件@dblclick 和 vuejs 呢？为什么我在 vue 文档中找不到它。我还想只使用 UP 和 DOWN 键来浏览列表。我也想实现一个要标记的复选框。
好吧，更改、模糊和其他一些事件也不在 vue.js 文档中，但这些功能确实存在。传统 javascript 上存在的大部分原始事件都被 vue 采用了。以下链接示例为 dblclick codepen.io/robertourias/pen/LxVNZX