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

vuE获取当前点击元素

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

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

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

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

v-on:click="say('hello!', $event)" 有时也需要在内联语句处理器中访问原生 DOM 事件。可以用特殊变量 $event 把它传入 方法与事件处理器

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

DOM事件 在Vue中为DOM元素绑定事件的具体方法在文章中的 方法与事件处理器 章节,通过v-on指令或事件语法糖 @ 为DOM元素绑定事件。Vue解析组件模板后,在绑定更新 v-on 指令时会为DOM元素绑定事件(当然如果元素为 iframe ,会等到 iframe 加载完...

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

this.$el 可以获取当前组件的容器节点,然后你就: this.$el.querySelect('.my-class')// 获取节点

加个v-show

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