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

vuE获取当前点击元素

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

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

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

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

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

在 vue 中用 document 获取 dom 节点进行节点样式更改的时候有可能会出现 'style' is not definde的错误, 这时候可以在 mounted 里用 $refs 来获取样式,并进行更改: export default { mounted () { console.log(this.$refs.abc.style.cssText...

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

vue1.*版本中 在标签中加上el='dom',然后在代码中this.$els.dom这样就拿到了页面元素 vue2.*版本中 在标签上加上ref=dom',然后在代码中this.$refs.dom.$el这样就拿到了页面元素

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

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

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