So fügen Sie eine Popup-Aktionsschaltfläche unten für „Select“ und „Cascader“ von Element-UI hinzu

<ul class="el-cascader-menu__list" style="border-top: solid 1px #E4E7ED;padding:0">
  <li Klasse="el-cascader-node" Stil="Höhe:38px;Zeilenhöhe: 38px">
    <i class="el-icon-plus"></i>
    <span class="el-cascader-node__label">Neue Produktkategorien hinzufügen</span>
    <i Klasse="el-icon-arrow-right el-cascader-node__postfix"/>
  </li>
</ul>

/**
 * Fügen Sie eine Popup-Schaltfläche für die unteren Bedienelemente der Element-UI „Select“ und „Cascader“ hinzu * @param sichtbar
 * @param refName setzt den Ref-Namen * @param onClick Klick-Listener für die untere Bedienschaltfläche */
sichtbareÄnderung(sichtbar, refName, beiKlick) {
  wenn (sichtbar) {
    const ref = this.$refs[refName];
    Lassen Sie Popper = ref.$refs.popper;
    wenn (popper.$el) popper = popper.$el;
    wenn (!Array.from(popper.children).some(v => v.className === 'el-cascader-menu__list')) {
      const el = document.createElement('ul');
      el.className = "el-cascader-menu__list";
      el.style = 'border-top: durchgezogen 1px #E4E7ED; Polsterung: 0; Farbe: #606266;';
      el.innerHTML = `<li class="el-cascader-node" style="height:38px;line-height: 38px">
<i class="el-icon-menu"></i>
<span class="el-cascader-node__label">Produktklassifizierungsverwaltung</span>
<i Klasse="el-icon-arrow-right el-cascader-node__postfix"/>
</li>`;
      popper.appendChild(el);
      el.onclick = () => {
        // Die Logik, die Sie nach dem Klicken auf die untere Schaltfläche auslösen möchten, kann auch direkt hier geschrieben werden: onClick && onClick();

        // Der folgende Code implementiert das Ausblenden der Popup-Ebene nach dem Klicken. Dies ist nicht erforderlich und kann gelöscht werden, wenn (ref.toggleDropDownVisible) {
          ref.toggleDropDownVisible(false);
        } anders {
          ref.sichtbar = falsch;
        }
      };
    }
  }
},

<el-Kaskade
    :Optionen="Kaskadenoptionen"
    v-Modell="Kaskadenwert"
    @visible-change="v => sichtbareÄnderung(v, 'cascader', cascaderClick)"
    ref="Kaskaden"
/>