el-cascader-panel 点击第三个节点，在点击第一个节点，第三个节点不消失

`el-cascader-panel` 是 Element UI 中的一个组件，用于创建级联选择器。如果你想要实现这样的功能——用户首先点击第三个节点展开，然后切换到第一个节点时，第三个节点不会立即消失（即保持选中状态），你需要了解它的组件行为和一些自定义选项。

通常，Cascader 的默认行为是当你从父节点跳转到其他节点时，之前的选中的节点会折叠。为了改变这个行为，你需要在组件的配置中设置 `props` 属性，比如：

<el-cascader-panel
  :options="yourOptions"
  @node-expand="handleNodeExpand"
  @node-collapse="handleNodeCollapse"
></el-cascader-panel>

然后在 JS 里添加处理函数：

methods: {
  handleNodeExpand(node) {
    // 如果当前点击的是第三个节点
    if (node.index === 2) {
      // 设置一个标记，例如 'expandedNodes'
      this.expandedNodes = [node];
    }
  },
  handleNodeCollapse(node) {
    if (!this.expandedNodes.includes(node)) return;
    // 如果展开节点列表里有该节点，则保留其展开状态
    if (this.expandedNodes.length > 0 && this.expandedNodes === node) {
      return;
    }
    this.expandedNodes.shift(); // 移除已展开的第一个节点
  },
},
data() {
  return {
    expandedNodes: [], // 初始化为空数组
    yourOptions: [...], // 你的选项数据
  };
},

这样当用户点击第一个节点时，如果之前第三个节点被展开过，它将不会自动折叠。但请注意，这需要你对组件的数据结构有足够的控制，确保能够在`handleNodeExpand`和`handleNodeCollapse`之间保存并管理展开状态。