vue如何根据el-collapse-item的不同，点击里面不同的按钮，显示不同的弹窗

您可以在`el-collapse-item`中添加一个按钮，并在点击时触发一个方法。在这个方法中，可以根据不同的按钮显示不同的弹窗。以下是一个简单的示例代码：

<el-collapse>
  <el-collapse-item title="第一项">
    <el-button @click="showDialog('dialog1')">打开弹窗1</el-button>
  </el-collapse-item>
  <el-collapse-item title="第二项">
    <el-button @click="showDialog('dialog2')">打开弹窗2</el-button>
  </el-collapse-item>
</el-collapse>

<el-dialog :visible.sync="dialogVisible.dialog1">
  <span>弹窗1内容</span>
</el-dialog>

<el-dialog :visible.sync="dialogVisible.dialog2">
  <span>弹窗2内容</span>
</el-dialog>

data() {
  return {
    dialogVisible: {
      dialog1: false,
      dialog2: false
    }
  };
},
methods: {
  showDialog(dialogName) {
    this.dialogVisible[dialogName] = true;
  }
}

在上面的代码中，我们在每个`el-collapse-item`中添加了一个按钮，并在点击时调用了`showDialog`方法，传递了一个参数表示要显示的弹窗。在`showDialog`方法中，根据传递的参数来设置`dialogVisible`对象中对应弹窗的可见性。最后，我们在页面上添加了两个`el-dialog`，通过`v-if`控制弹窗的显示和隐藏，其中`visible.sync`表示双向绑定弹窗的可见性状态。