vue点击获取当前元素的值,vue获取循环中的某个元素

  vue点击获取当前元素的值,vue获取循环中的某个元素

  本文主要介绍vue如何获取指定元素,具有很好的参考价值。希望对大家有帮助。如有错误或不足之处,请不吝赐教。

  

目录

  如何获取指定元素单击以获取相应的元素

  

如何获取指定元素

  Add "ref" ref= scroll 滚动到要作为函数名获取的元素。

  获取指定的元素/div

  xiaFn:function(){

  console.log(这个。$refs.scroll)

  }

  

点击获取相应元素

  在vue中,单击事件以获取上一个标签、父标签、第一个子标签和其他元素。

  以下元素都是以所点击的元素进行查找

  E.target获取当前点击的元素e.currentTarget获取绑定的事件元素e. currenttarget。previouselementsibiling before get(part one)一个元素e.currentTarget.parentElement获取父元素e . current target . firselementchild获取第一个子元素e . current target . nextelementsibling获取它(bottom)一个元素e . current target . getattributenode( class )获取被单击元素的类属性div class=box_home 。

  box_home

  div class=box_prebox_pre/div

   div class= box @ click= eleclick($ event)

  div class=" box _ item " box _ item/div

  div class= box _ item 2 box _ item 2/div

  /div

  div class= box _ next box _ next/div

  /div

  eleclick(e){

  Console.log(当前单击的元素);

  console . log(e . target);

  Console.log(上一个标签);

  console . log(e . current target . previouselementsibling);

  Console.log (parent标记);

  console . log(e . current target . parent element);

  Console.log(“第一个子选项卡”);

  console . log(e . current target . firstelementchild);

  Console.log(“下一个选项卡”);

  console . log(e . current target . nextelementsibling);

  Console.log(“绑定事件的标签”);

  console . log(e . current target);

  Console.log(获取被点击元素的class属性);

  console . log(e . current target . getattributenode( class ));

  }

  以上个人经历,希望能给大家一个参考,也希望大家多多支持我们。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: