Vuejs2 在带有复选框的项目列表中，仅选择1个项目

在vuejs 2.6应用程序中，必须选择左侧带有复选框的项目列表作为1个元素，如：

<tr v-for="nextPersonalHostelBookmark, index in hostelBookmarks" :key="nextPersonalHostelBookmark.id">

    <td >

        <input
            type="checkbox"
            class="custom-control-input"
            id="custom_selected_personal_hostel_bookmark_id"
            name="custom_selected_personal_hostel_bookmark_id"
            v-model="selected_personal_hostel_bookmark_id"
        >
        <label class="custom-control-label" for="custom_selected_personal_hostel_bookmark_id">XX</label>

XX

但是如果选择了1个元素，那么其余的元素也会被选择，这不是我需要的。我该怎么做

---

保留在选定的\u个人\u旅馆\u书签\u id var id所选元素？

您应该在模型上使用

观察者来删除数组中的第一个项目。
像这样：


我有一辆自行车
我有一辆车

我有一条船


newvue({
el:“#应用程序”，
数据：{
物品：[“汽车”]
},
观察：{
项目（newVal）{
//如果数组为空或已经只有一个值，则不执行任何操作
如果（newVal.length）您应该为所选的个人旅馆书签id创建一个手表，并且每次该数组的长度超过1，您将
所选的个人旅馆书签id.shift（）
它，直到长度小于2。