在vue中使用cellRightClickConfig，详细代码，新增打开弹窗事件

在Vue.js中，`cellRightClickConfig`通常用于表格组件（如Element UI的`el-table`或Vuetify的`v-data-table`）中，当用户右键点击表格单元格时，可以自定义处理动作。这里我们假设你正在使用Element UI的`el-table-column`来配置这个右键菜单。

首先，你需要安装Element UI库，如果还没有安装，可以通过npm或yarn添加：

# npm
npm install element-ui

# yarn
yarn add element-ui

然后，在你的组件文件中，你可以像下面这样设置`cell-right-click-config`：

<template>
  <el-table :data="tableData">
    <el-table-column
      prop="name"
      label="姓名"
      cell-context-menu="contextMenu"  <!-- 指定right click context menu -->
    />
    <!-- 其他列... -->
  </el-table>
</template>

<script>
import { ElTable, ElTableColumn } from 'element-ui';

export default {
  components: {
    // 自定义右键菜单
    contextMenu: {
      props: {
        row: {
          type: Object,
          required: true
        },
        event: {
          type: Object,
          required: true
        }
      },
      methods: {
        openPopup() {
          // 新增打开弹窗事件
          this.$messagebox({
            title: '右键操作',
            message: `您选择了行：${this.row.name}`,
            showCancelButton: false,
            confirmButtonText: '确定'
          }).then(() => {
            console.log('确认弹窗关闭');
          });
        }
      },
      on: {
        contextmenu: (event) => {  // 监听right click
          if (event.event === 'contextmenu') {
            this.openPopup();
          }
        }
      }
    }
  },
  data() {
    return {
      tableData: [
        { name: '张三', age: 30 },
        { name: '李四', age: 40 },
        // ...
      ]
    };
  }
};
</script>

在上面的代码中，我们在`contextMenu`组件中定义了`openPopup`方法，当用户在指定的单元格上右键点击时，会触发该方法并显示一个消息框。这只是一个基础示例，你可以根据实际需求修改弹窗内容或添加其他功能。