title: How to color the background with event.target?
body: <p>I'm working with drag-and-drop in my application, in this case I can drag users to different projects in a list.</p>
  <p>Now i'm styling the UI and I want to colour the background of my item-list, but it doesn't really work. When I drag the item over <code>&lt;v-list-item-avatar&gt; </code> or <code>&lt;v-list-item-title&gt; </code> the background of the list-item does not change its colour. Only by dragging over <code>&lt;v-list-item&gt; </code>. So it's a little bit buggy.</p>
  <p>I tried different approaches, but none of them were helpful. How can I optimize the approach to get the expected result?</p>
  <p>Vue-Snippet:</p>
  <pre><code>&lt;v-list-item-group v-model=&quot;selectedProjectItem&quot;&gt;
            &lt;v-list-item
              @drop='onDrop($event, project)'
              @dragover.prevent
              @dragenter.prevent
              @dragenter=&quot;dragenter($event)&quot;
              @dragleave=&quot;clearDrag($event)&quot;
              v-for=&quot;(project, index) in visibleProjects&quot;
              :key=&quot;project.id&quot;
              link
              @click=&quot;emitAllUsers(project, index)&quot;
              class=&quot;projectItemSize project&quot;
              id=&quot;projectlist&quot;
              &gt;
            &lt;v-list-item-avatar  size=&quot;35&quot; class=&quot;avatar&quot;&gt;
              &lt;v-img v-bind:src=&quot;returnImage(project,project.image)&quot; /&gt;
            &lt;/v-list-item-avatar&gt;
            &lt;v-list-item-title class=&quot;project&quot;&gt;
              {{ project.name }}
            &lt;/v-list-item-title&gt;
           &lt;/v-list-item&gt;
   &lt;/v-list-item-group&gt; 
  </code></pre>
  <p>And this is my method:</p>
  <pre><code>dragenter (evt) {
        const event = evt.target
        if (event.id === 'projectlist') {
          event.style.background = '#0061ff'
          event.style.color = 'white'
        }
      }
  </code></pre>
  <p>EDIT: The left picture below shows, that the background of the list-item have not changed, when dragging the item over the title.</p>
  <p><a href="https://i.stack.imgur.com/WJKSv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WJKSv.png" alt="enter image description here" /></a></p>