VUE 同时监听 多个事件，safari浏览器上异常

Question

safari浏览器上，触发 contextmenu右键 同时 会触发 click事件google浏览器 触发 contextmenu右键 同时 不会触发 click事件li 上 同时监听（ mouseout mouseover contextmenu on:click）<li @mouseover="overShow(item.tree_id,this)" @mouseout="outHide(item.tree_id,this)" @contextmenu.prevent.stop="open_menu($index,item.tree_id,item.path,true,$event)" v-for="(item,$index) in tree_list" :class="[{'active':item.tree_id === tree_list[0].active},{'open':item.open},{'hover': item.tree_id === tree_list[0].hover && item.tree_id != tree_list[0].active},{'changed' : item.changed}]"v-on:click.stop="select_tree(item.tree_id,item.path)" v-on:keyup.right.stop="show_menu">    <div class="wholerow"></div><i class="icon" :class="[{'fa fa-caret-right'  : item.child.length > 0 && !item.open},{'fa fa-caret-down'  : item.child.length > 0 && item.open}]" v-on:click.stop="child_open($index,this)"></i> <a class="text">                                    {{item.name}}                                </a>

Answer 1

首先：safe浏览器上是指safari浏览器吗？

我做了在线例子，表示在safari上并没有出现右击会调用click的情况 demo

建议你先做一个简单的例子，在试一下。另外事件绑定最好都用@。

<div id="app">

  <button @click="onClick" @contextmenu="onContextmenu">

    click

  </button>

</div>

new Vue({

  el: '#app',

  methods: {

    onClick () {

      console.log('onClick')

    },

    onContextmenu () {

      console.log('onContextmenu')

    }

  }

})