vue获取当前点击事件

最新推荐文章于 2024-04-29 11:52:08 发布

javascript艺术

最新推荐文章于 2024-04-29 11:52:08 发布

阅读量5.4k

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/zhangjing1019/article/details/78674398

版权

vue 专栏收录该内容

35 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <title>vue click事件获取当前元素对象</title>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.13/vue.min.js"></script>
        <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    </head>
    <body id="app">
        <ul>
			<--调用方法@click="say($event)"    参数传的是$event-->
            <li v-on:click="say($event)" style="background-color:blue;color:white;">点击当前行获取下一行</li>
            <li>li2</li>
            <li>li3</li>
        </ul>
        <script>
            new Vue({
                el: '#app',
                data: {
                    message: 'Hello Vue.js!'
                },
                methods: {
                    say: function(event) { 
                        //获取点击对象      
                        var el = event.currentTarget;     //获取点击的对象
                        var li2text = $(el).next().text();    //获取当前点击事件的元素$(el);
                    }
                }
            })
        </script>
    </body>
</html>


  
  
   
   
  
  
  
  
   
   欢迎关注我的个人技术公众号！javascript艺术

javascript艺术

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
vue获取当前点击事件

vue click事件获取当前元素对象点击当前行获取下一行 li2 li3 new Vue({ el: '#app',
复制链接

扫一扫

专栏目录

vue获取当前点击事件

“相关推荐”对你有帮助么？