ljsq.net
当前位置:首页 >> vuE获取当前点击元素 >>

vuE获取当前点击元素

首先 vue的点击事件 是用 @click = “clickfun()” 属性 在html中绑定的 在点击的函数中 添加$event 参数就可以 比如 点击methods: { clickfun(e) { // e.target 是你当前点击的元素 // e.currentTarget 是你绑定事件的元素 }}

vue获取当前元素 var el = e.target; //当前元素,可修改(能够用此方法获取到他的子元素等) var el = e.currentTarget;//当前元素,不可修改(不能用此方法获取到他的子元素等)

页面上这样 @click="doClick($event)" methods这样写 doClick(e){ console.log(e.target) }

data里放一个now 然后给每个li添加点击事件,点击后把当前li的数据放到now里

你可以在循环的时候 给当前的循环 dom 添加 事件 事件回调函数里面的参数 加入$event 比如: {{item.name}}export default { data () { return { list:[{name: 'aaa'}, {name: 'bbb'}] } }, methods: { clickEvent(e){ // e.target就是你当前点...

从数据结构着手,做关注的话,你的数据中得有关注这个字段 data: function () { return { msgs: [] // [{focus: true}] } }, methods: { focusFun: function (msg) { msg.focus != msg.focus; // 切换 关注 状态 } } 然后调整下html 关注 创建新...

$event.target.querySelector('img');这是基础js啊,还是建议先把基础学扎实了再研究框架吧,官方指南有这么一段我觉得很有道理 官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识。如果你刚开始学习前端开发,将框架作为你的第一步...

如果{{data.message}}先于你的html()方法,你获得的是值。而如果你的html()先于Vue解析,那你获得的是{{data.message}}

在vue的世界里,没有动态添加dom这种概念,一切都是数据驱动 {{obj.name}} {{obj.prop}} $(function () { alert(1); }); var vue = new Vue({ el: 'body', data: { //初始obj是空的,因此视图默认是什么都没有 obj:{} }, ready: function () { /...

111,,,, 全部评论 {{item.vname}}{{item.content}}{{item.rtime|timeago}} //发布评论的时间这里的timeago是一种时间filter过滤器,把时间换成距离现在多久的时间。{{item.zancount}} //开始是浅色的图标。点击赞的时候,前面的图标换成深色...

网站首页 | 网站地图
All rights reserved Powered by www.ljsq.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com