title: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'input')
body: <p>Can any one help me. when I click the icon inside in the avatar I want to select file.But I getting the error. Error in v-on handler: &quot;TypeError: Cannot read properties of undefined (reading 'input'). Could Anyone Help me...</p>
  <pre><code>&lt;v-row v-for=&quot;(item, index) in list&quot; :key=&quot;index&quot; no-gutters&gt;
    &lt;v-col cols=&quot;12&quot; sm=&quot;12&quot; lg=&quot;12&quot; xl=&quot;12&quot;&gt;
      &lt;v-card class=&quot;mt-2 rounded-xl&quot; hover&gt;
        &lt;v-card-title v-if=&quot;index === 0&quot; @mouseover=&quot;mouseOver = true&quot; @mouseleave=&quot; mouseOver = false&quot;&gt;
          &lt;v-row class=&quot;ml-1 mt-1&quot;&gt;
            &lt;div style=&quot;position: relative; top: 0; right: 0; width: 70px&quot;&gt;
            &lt;v-avatar size=&quot;60&quot; color='primary'&gt;
             &lt;/v-avatar&gt;
            &lt;v-menu offset-y v-if=&quot;mouseOver&quot;&gt;
              &lt;template v-slot:activator=&quot;{ on, attrs }&quot;&gt;
                &lt;v-icon class=&quot;pb-5&quot; aria-hidden=&quot;true&quot; @click=&quot;fileSelect()&quot; color=&quot;grey lighten-5&quot; size=&quot;20&quot; v-bind=&quot;attrs&quot; v-on=&quot;on&quot; style=&quot;position: absolute; bottom:0; right: 29px;&quot;&gt; mdi-camera &lt;/v-icon&gt;
                 &lt;/template&gt;
            &lt;/v-menu&gt;
            &lt;/div&gt;
            &lt;div class=&quot;ml-1&quot;&gt;{{item.text}}&lt;/div&gt;
              &lt;v-file-input style=&quot;display: none&quot; ref=&quot;file&quot; accept=&quot;image/*&quot; v-model=&quot;systemAndTenantConfig.systemconfiguration.logo&quot; @change=&quot;uploadProfile()&quot;&gt;&lt;/v-file-input&gt;
          &lt;/v-row&gt;
      &lt;/&lt;v-card-title&gt;
     &lt;/v-card&gt;
   &lt;/v-col&gt;
   &lt;/v-row&gt;
  &lt;script&gt;
  export default{
    data(){
      return{
      }
  }
  methods:{
   fileSelect () {
        this.$refs.file.$refs.input.click()
      }
  }
  &lt;/script&gt;
  </code></pre>