DEV Community

Aaron
Aaron

Posted on

Unhandled Error during execution of scheduler flush.

Windows 11
Microsoft Edge v126.0.2592.81
Vue3 3.4.27

I have two vuetify select components interacting with each other with a method, like so:

<v-select v-model="selectCountry"
          :items="dataCountries"
          @update:modelValue="selectedCountry"
          item-title="title"
          item-value="value"
          label="Countries"
          density="compact" />

<v-select v-model="selectState"
          :items="dataStates"
          :hint="`${selectState.title}, ${selectState.value}`"
          item-title="title"
          item-value="value"
          label="States"
          density="compact" />

selectedCountry() {
    let states = BFHStatesList.filter(country => country[this.selectCountry]);
    this.dataStates = states;
    this.$emit('selectedCountry', this.selectCountry);

}
Enter fullscreen mode Exit fullscreen mode

The first country select componet operates accordingly. When I select a country option, and then try to select a state, it does not fill, and I receive this error:

main.js:99 Invalid prop: type check failed for prop "title". Expected String | Number, got Object null at VListItem
at VirtualScrollItem
at VVirtualScroll
at VListChildren
at VList
at VDefaultsProvider
at BaseTransition
at Transition
at VDialogTransition
at MaybeTransition
at VOverlay
at VMenu
at VField
at VInput
at VTextField
at VSelect
at AdvanceServicesFilter
at DefaultFilter
at Services
at RouterView
at VLayout
at App

main.js:99 Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://github.com/vuejs/core . Proxy(Object) {…} at VListItemTitle
at VListItem
at VVirtualScrollItem
at VVirtualScroll
at VListChildren
at VList
at VDefaultsProvider
at BaseTransition
at Transition
at VDialogTransition
at MaybeTransition
at VOverlay
at VMenu
at VField
at VInput
at VTextField
at VSelect
at AdvanceServicesFilter
at DefaultFilter
at
at
at
at

Top comments (0)