Vuetify - 防止 v-list-item-group 取消选择答案

【问题标题】：Vuetify - Prevent v-list-item-group De-selectionVuetify - 防止 v-list-item-group 取消选择
【发布时间】：2021-05-16 21:48:43
【问题描述】：

我的 v-list 和 v-list-item-group 设置与 Vuetify 帮助中显示的设置非常相似：

https://vuetifyjs.com/en/components/lists/#flat

如果用户点击相同的v-list-item 两次，我的问题就出现了 - 然后取消选择它而不选择另一个项目。

我尝试将v-model 映射到计算得到的get()、set() 并停止设置，但这没有任何效果。

我真的希望以编程方式设置所选项目，并通过@click 事件控制它。

【问题讨论】：

标签： vue.js vuetify.js

【解决方案1】：

您是否尝试过使用v-list-item-group 的mandatory 属性？它似乎做了一些接近你想要的事情 - 用户不能取消选择一个项目，但可以切换到另一个项目。像这样的：

    <v-card class="mx-auto" max-width="300" tile>
      <v-list flat>
        <v-subheader>REPORTS</v-subheader>
        <v-list-item-group v-model="selectedItem" color="primary" mandatory>
          <v-list-item v-for="(item, i) in items" :key="i">
            <v-list-item-icon>
              <v-icon v-text="item.icon"></v-icon>
            </v-list-item-icon>
            <v-list-item-content>
              <v-list-item-title v-text="item.text"></v-list-item-title>
            </v-list-item-content>
          </v-list-item>
        </v-list-item-group>
      </v-list>
    </v-card>

【讨论】：

这正是我所追求的

【解决方案2】：

首先，当用户选择选定项目组的一个项目值时，将其更改为新值，并且当双击静止项目被选中并处于活动状态时。像这样的：

<v-list-item-group
                    v-model="selectedItemGroup"
                    :mandatory="selectedItemGroup!=-1"
                  >
</v-list-item-group>


<script>
export default {
data:function(){
 selectedItemGroup:-1,
}
}
</script>

【讨论】：

正如目前所写，您的答案尚不清楚。请edit 添加其他详细信息，以帮助其他人了解这如何解决所提出的问题。你可以找到更多关于如何写好答案的信息in the help center。