相关疑难解决方法(0)

我想知道如何通过单击 Vuetify 数据表中的一行来选择/取消选择一行。如果我可以使用 Shift + 单击或 Shift + 箭头来选择范围，那就更好了，但这是另一个问题。

我尝试更新发送到参数“值”中的数组，但这些行从未在用户界面中被选择。

<template>
  <v-data-table
    :headers="headers"
    :items="desserts"
    item-key="id"
    class="elevation-1"
    :value="selectedRows"
    @click:row="rowClicked"
  ></v-data-table>
</template>

<script>
export default {
  data() {
    return {
      selected: [],
      selectedRows: [],
      headers: [
        {
          text: "Dessert (100g serving)",
          align: "left",
          sortable: false,
          value: "name"
        },
        { text: "Calories", value: "calories" },
        { text: "Fat (g)", value: "fat" },
        { text: "Carbs (g)", value: "carbs" },
        { text: "Protein (g)", value: "protein" },
        { text: "Iron (%)", value: "iron" } …