您的位置：首页 > 产品设计 > UI/UE

vue获取当前点击事件

2017-11-30 11:44 363 查看 
<!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艺术
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                vue
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航