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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。