laravel - 在 VueJS 中创建可点击的行表

Question

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

标签： laravelvue.js

Answer 1

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

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

项目是指在行上呈现的对象

methods: {
    showDetail (item) {
    }
},