Question

当用户点击表格时，Vue应该知道它的值。在这种情况下，我试图设置一个事件并传递值。

有没有什么方法可以更好地写这个，也许是从Vue本身 - 比如当点击单元格时首先得到它的内容？我在表中有很多单元格，这不起作用，只有当我删除PHP部分并尝试手动编写它时它才有效 - @click="calculate_price(10)

<?php foreach ($tr as $td) : ?>
    <td @click="calculate_price(<?php echo $td['price']; ?>)">
        <?php echo $td['price']; ?>
    </td>
<?php endforeach; ?>


var app = new Vue({
    el: '#app',
    data: {
        price: 0
    },
    methods: {
        calculate_price: function (price) {
            console.log(price);
        }
    }
})

Vue版本是2.4.2

Answer 1

您可以将点击事件绑定到<table>并获取event中最深的元素，以查看点击了哪个<td>以及其中的值。

看到这个小提琴：https://jsfiddle.net/at0sdhsh/

如何在单击该单元格时获取单元格值？

1 个答案: