行囊电子商务
2021-09-04 11:02
采纳率: 81.8%
浏览 38
已结题

vue 点击的区域有两个元素分别绑定了不同事件,怎么设置触发事件的优先级?

vue 点击的区域有两个元素分别绑定了不同事件,怎么设置触发事件的优先级?
也就是说,你想点击的区域很小,紧接着这个区域的还有一块很大的区域也绑定了事件,当点击的位置包含了这两个区域,,如何只触发其中一个区域而不触发另外一个区域,这两个区域是同级关系,不是父子关系

  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • CSDN专家-showbo 2021-09-04 11:33
    已采纳

    内部小区域通过传入的事件对象阻止冒泡到父元素就行,示例如下,有帮助麻烦点个采纳【本回答右上角】,谢谢~~

    
    <div id="app">
        <div v-on:click="outerclick">
            Block Outer
            <div v-on:click="innerclick">Block1</div>
            Block Outer
        </div>
    </div>
    <script>
        new Vue({
            el: '#app',
            methods: {
                outerclick(e) { alert('outerclick') },
                innerclick(e) {
                    e.stopPropagation()
                    alert('innerclick')
                }
            }
        })
    </script>
    
    
    评论
    解决 1 无用
    打赏 举报
  • 查看更多回答(3条)

相关推荐 更多相似问题