custom component - Cannot read property 'getTiles' of undefined

[AlexLin-hub]

when i use [v-autocomplete] to make custom component, appear this error message. (Cannot read property 'getTiles' of undefined.)
This's my component code

// customAutocomplete.vue
<template>
  <v-autocomplete
    v-model="newValue"
    :items="items"
    item-text="text"
    item-value="value"
    :filter="fillter"
    :filled="filled"
    return-object
    @input="$emit('input', $event)"
  />
</template>

<script>
import { VAutocomplete } from "vuetify/lib";
export default {
  extends: VAutocomplete,
  data() {
    return {
      newValue: this.value,
    };
  },
  methods: {
    fillter(item, queryText) {
      return (
        item["text"]
          .toLocaleLowerCase()
          .indexOf(queryText.toLocaleLowerCase()) > -1 ||
        item["value"]
          .toLocaleLowerCase()
          .indexOf(queryText.toLocaleLowerCase()) > -1
      );
    },
  },
}
</script>

This is error message, when i change select.

[Samuel29]

Hi!
I'm having exactly the same problem. did you figure out a workaround @AlexLin-hub ?
my versions:

egrep -i '"(vuetify|vue)"' package.json
    "vue": "^2.6.11",
    "vuetify": "^2.4.0",

[Samuel29]

oops my package.json wasn't up-to-date.
current versions:

├── vue@2.6.14
├── vuetify@2.5.13

[AlexLin-hub]

the problem still there, i don't know how i can fix.

[hadise-shaker]

hi. i have same problem. any result?

[KaelWD]

https://stackoverflow.com/a/70064606/2074736

[pate313373]

What exactly do you want to say with the stackoverflow link?

[KaelWD]

Do not combine extends with <template> though, that will override the render function and almost always break the component.