美文网首页
vue元素事件的参数

vue元素事件的参数

作者: 苍老师的眼泪 | 来源:发表于2020-04-30 14:25 被阅读0次
<body id="app">
  <ul>
    <li v-on:click="say('hello!', $event)">点击当前行文本</li>
    <li>li2</li>
    <li>li3</li>
  </ul>
  <script>
   new Vue({
       el: '#app',
       data: {
        message: 'Hello Vue.js!'
       },
       methods: {
        say: function(msg, event) {
           //获取点击对象      
           var el = event.currentTarget;
           alert("当前对象的内容:"+el.innerHTML);
        }
    }
   })
  </script>
 </body>
image.png
image.png

https://www.cnblogs.com/lina-xiao/p/8331529.html

相关文章

  • vue元素事件的参数

    https://www.cnblogs.com/lina-xiao/p/8331529.html

  • Vue 笔记

    Vue事件多个参数 如@change事件,需要传多个参数,@change=“changes(index)” 事件...

  • React 父与子之间传递

    props 从子元素传递onCLick事件给父元素 从子元素传递onCLick事件(带参数)给父元素 如上所示,父...

  • vue.js学习第二天

    1、 vue事件绑定 在vue中给一个元素绑定事件可以用 v-on:+事件名称(click、mouseover、m...

  • 三、vue实例的4个常用选项

    Vue实例的参数有el(指定挂载的DOM元素),data(实例的数据),还可以定义其他参数;vue实例会用到的4个...

  • Vue知识点笔记2

    Vue指令之事件修饰符:.stop 阻止冒泡(写在子元素中阻止其触发父元素事件).prevent 阻止默认事件.c...

  • Vue 中获取 DOM 元素问题

    Vue 获取DOM元素 获取元素 template 部分 js 部分 给元素添加事件 需要用到$nextTick ...

  • react富文本点击图片预览

    Vue 通过click事件的参数,可以获取到点击标签的属性 React 通过click事件的参数,可以获取到点击标...

  • uniApp自定义组件

    自定义组件代码 语法,传参,事件跟VUE一致 ,请参数vue的写法

  • screenX clientX pageX的区别

    在vue中,给元素绑定事件时,可以打印e(事件) 触摸事件(TouchEvent)和鼠标(MouseEvent)事...

网友评论

      本文标题:vue元素事件的参数

      本文链接:https://www.haomeiwen.com/subject/aovzwhtx.html