我的Vuejs应用程序有问题，我有两个输入： 1-第一个输入是选择“房间”的类型 2-第二个输入是选择房间中的最大用户数

这个问题，例如我选择了4号房间；用户最多可容纳4个人，但是如果我回到第一个输入并选择3号房间，则第二个输入始终保留这些值，一旦更改了第一个输入，我想进行一次重置。

这是我的代码：

<div class="form-group">
                    <label class="control-label">
                        Rooms
                    </label>
                    <multiselect
                        :options="roomTypes"
                        v-model="rooms.roomType"
                        track-by="id"
                        label="title"
                        :searchable="true"
                        :allow-empty="true"
                        select-label=""
                        selected-label=""
                        deselect-label=""
                        placeholder=""
                        autocomplete="false"
                        name="room_type_id"

                    ></multiselect>
                </div>
                <div class="form-group">
                    <label class="control-label">
                        Users
                    </label>
                    <multiselect
                        :options="members"
                        v-model="rooms.members"
                        track-by="name"
                        clearable
                        label="name"
                        :multiple="true"
                        :searchable="true"
                        :allow-empty="true"
                        select-label=""
                        selected-label=""
                        placeholder=""
                        autocomplete="false"
                        :max="rooms.roomType.id-1"
                        name="member_id"
                    ></multiselect>
                </div>


    <script>
    let foo = new Vue({
        el: '#vue-app',data: {
            roomTypes: @json($roomType),rooms: @json($rooms),members: @json($members),},methods: {},});
</script>

我该怎么做。

谢谢