Vue Cannot read property '$refs' of undefined

Question

I have a Vue application that leverages Vuetify. In this application I have a component called city-selector.vue which is setup like this:

<template>
  <select-comp
    :id="id"
    :items="cityList"
    :item-text="name"
    :item-value="cityCode"
    @input="onInput">
  </select-comp>
</template>

<script>
    import VSelect from '../vuetify/VSelect';
    
    export default {
        name: 'city-select-comp',
        extends: VSelect,
        props: {
          id: {
            type: String,
            default: '',
          },
          cityList: {
            type: Array,
              default: () => { return [] }
            },
        },
        methods: {
          onInput() {
            //Nothing special, just $emit'ing the event to the parent
          },
        },
    }
</script>

Everything with this component works fine except that when I open my dev tools I get a bunch of console errors all saying this (or something similar to this):

Cannot read property '$refs' of undefined

How can I fix this sea of red?

maxshuty · Accepted Answer · 2019-01-11 19:49:04Z

1

This is due to a bad import that you do not need. Remove the import VSelect and the extends statements and your console errors will disappear, like this:

<script>
   export default {
        name: 'city-select-comp',
        props: {
          id: {
            type: String,
            default: '',
          },
          cityList: {
            type: Array,
              default: () => { return [] }
            },
        },
        methods: {
          onInput() {
            //Nothing special, just $emit'ing the event to the parent
          },
        },
    }
</script>

answered Jan 11, 2019 at 19:49

maxshuty

10.9k13 gold badges71 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue Cannot read property '$refs' of undefined

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related