vue获取当前对象

<li v-for="img in willLoadImg" @click="selectImg($event)"> <img class="loadimg" :src="img.url" :data-id="img.id" alt=""> </li>

我们给li标签绑定了一个点击事件selectImg()，传入了$event对象。(这里循环遍历了一个图片数组，是为了展示更好的效果，如有需要请自行定义数组及其对应的图片，可不要只是完全复制了代码来问我为什么报错神马的)

事件方法代码：

methods: {

    selectImg(event) {

            console.log(event.currentTarget);

            console.log(event.target);

    }

}

　关键在于　vue中获取当前对象的参数（$event）不能换成其他的

下面再讲一下循环遍历控件

1.js获取兄弟节点的方法：
function siblings (context) {
var siblings = [];
/*获得父节点*/
var parent = context.parentNode;
/*获得父节点的所有孩子节点*/
var childs = parent.children;
for(var i = 0; i < childs.length;i++){
if (childs[i] !== context){
siblings.push(childs[i])
}
}
return siblings ;
}

3. JQuery中的查找父节点、子节点、兄弟节点的方法：

jQuery.parent(expr) 找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class")

jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素

jQuery.children(expr).返回所有子节点，这个方法只会返回直接的孩子节点，不会返回所有的子孙节点

jQuery.contents(),返回下面的所有内容，包括节点和文本。这个方法和children()的区别就在于，包括空白文本，也会被作为一个

jQuery对象返回，children()则只会返回节点

jQuery.prev()，返回上一个兄弟节点，不是所有的兄弟节点

jQuery.prevAll()，返回所有之前的兄弟节点

jQuery.next(),返回下一个兄弟节点，不是所有的兄弟节点

jQuery.nextAll()，返回所有之后的兄弟节点

jQuery.siblings(),返回兄弟姐妹节点，不分前后
（个人笔记仅此奉上不知道怎样才能让有需要的小伙伴看到希望你们搜对了吧）

（下一节中我会把单表增删改用SSM写出来步骤详细包含截图从数据库到显示层全都有感兴趣的小伙伴记得点个赞关注我）

秒客网

vue获取当前对象

相关文章