vue 鼠标右键显示弹框

你可以使用Vue.js的v-contextmenu指令来实现鼠标右键显示弹框。具体步骤如下：

1. 在需要添加右键菜单的元素上添加v-contextmenu指令，例如： ` <div v-contextmenu:options="menuOptions">Right click me</div>`

2. 在Vue实例中定义menuOptions对象，包含菜单项和事件处理函数，例如：

data: {
  menuOptions: [
    { label: '菜单项1', action: function() { console.log('点击了菜单项1') }},
    { label: '菜单项2', action: function() { console.log('点击了菜单项2') }}
  ]
}

3. 使用Vue.js的自定义指令来捕获右键点击事件，并在菜单项上添加事件绑定，例如：

Vue.directive('contextmenu', {
  bind: function(el, binding) {
    el.addEventListener('contextmenu', function(e) {
      e.preventDefault();
      binding.value.forEach(function(item) {
        var option = document.createElement('div');
        option.textContent = item.label;
        option.addEventListener('click', function() {
          item.action();
        });
        contextMenu.appendChild(option);
      });
      contextMenu.style.top = e.pageY + 'px';
      contextMenu.style.left = e.pageX + 'px';
      document.body.appendChild(contextMenu);
    });
    el.addEventListener('click', function(e) {
      e.preventDefault();
      contextMenu.remove();
    });
  }
});

注意：在代码中，变量contextMenu表示右键菜单的DOM对象，可以在Vue实例的created生命周期中进行初始化。