这是 vuetify游乐场
这是我的全部代码:
<v-item-group v-model="model">
<v-data-table :items="items">
<template #item="{ item }">
<v-item #="{ toggle, isSelected }">
<tr
v-ripple
:style="isSelected ? 'background-color: red' : ''"
@click="toggle"
>
<td>{{ item.text }}</td>
</tr>
</v-item>
</template>
</v-data-table>
</v-item-group>
import { ref } from 'vue'
const model = ref();
const items = [1, 2, 3, 4, 5, 6, 7, 8, 9].map(e => ({
text: 'some text' + e,
}))
我只想将波纹应用到 VDataTable 的每一行,但是当我单击该tr
元素时,波纹将显示如下:
有什么办法可以让波纹正常显示吗?
我发现如果我不使用isSelected
in就会是正确的style