How to get the specified element vue

How to get the specified element

Add "ref" to the element you want to get  ref="scroll"  scroll as the function name

<div ref="scroll">vueGet the specified element</div>

 xiaFn:function(){
    (this.$)
 }

Click to get the corresponding element

Get the previous tag, parent tag, first child tag and other elements in vue through click events.

The following elements are all searched using the clicked elements.

• Get the current clicked element
• Get the element of the bound event
• Get the previous (previous) element
• Get the parent element
• Get the first child element
• Get the next element
• ('class')Get the class attribute of the click element

<div class="box_home">
  box_home
  <div class="box_pre">box_pre</div>
  <div class="box" @click="eleclick($event)">
    <div class="box_item">box_item</div>
    <div class="box_item2">box_item2</div>
  </div>
  <div class="box_next">box_next</div>
</div>

eleclick(e){
  ("Currently clicked element");
  ();
  ("Previous Tag");
  ();
  ("Parent tag");
  ();
  ("First subtag");
  ();
  ("Next Tag");
  ();
  ("Binding event tag");
  ();
  ("Get the class attribute of the click element");
  (('class'));
}

The above is personal experience. I hope you can give you a reference and I hope you can support me more.