Vue.js 基于值限制v-select条目

我有一个v型表单，当单击数据表中的记录时打开。表单显示记录的信息，我有一个v-select，显示当前状态为选中的预订状态选项

<v-form ref="BookingForm" lazy-validation>
    <v-container>
    <v-row>
        <v-col>
        <v-select
            v-model="editedItem.bookingStatus"
            :items="BookingStatus"
            item-text="text"
            item-value="id"
            label="Status"
            :rules="selectRule"
        />
        </v-col>
    </v-row>
    <v-divider />
    <v-row>
        
        ... other information

    </v-row>
    </v-container>
</v-form>

我只想显示等于或高于当前bookingStatus值的选项。例如：

如果记录的bookingStatus为1，我希望在v-select下拉列表中显示“待定”、“已确认-未支付”、“已确认-已支付”

如果记录的bookingStatus为2，我只希望下拉列表中的“已确认-未支付”、“已确认-已支付”

如果一张记录的bookingStatus为3，我只希望下拉列表中的“确认-支付”

---

这可能吗？

您可以对

：项目应用
过滤器，如下所示：

<v-select v-model="editedItem.bookingStatus"
    :items="BookingStatus.filter(status => status.id >= editedItem.bookingStatus)"
    item-text="text"
    item-value="id"
    label="Status"
    :rules="selectRule"
    />


它应该是edittem.bookingStatus，而不是edittem.bookingStatus.id，但绝对完美。一个简单的解决方案。谢谢。啊，我没有意识到v型车的价值。不过还是更新了。谢谢
<v-select v-model="editedItem.bookingStatus"
    :items="BookingStatus.filter(status => status.id >= editedItem.bookingStatus)"
    item-text="text"
    item-value="id"
    label="Status"
    :rules="selectRule"
    />