vuetify.js - Vuetify - v-simple-checkbox 防止 v-data-table row.click 事件

Question

在v-simple-checkbox中使用时v-data-table，单击复选框或其周围区域不会调用row.click事件。

此CodePen示例显示在row.click. 但是，如果使用更多带有复选框的列，则几乎不可能选择一行。

似乎在.stop内部使用了事件处理程序v-simple-checkbox。有没有办法row.click通过单击该组件来触发事件？

Answer 1

如果最后一列复选框只是为了显示，您可以只使用 av-icon来呈现正确的复选框图标。

<template v-slot:item.glutenfree="{ value }">
    <v-icon>
        {{ value ? 'mdi-checkbox-marked' : 'mdi-checkbox-blank-outline' }}
    </v-icon>
</template>