Dropdown Split Button Emit Event on togglerTag Button Press

[rabrowne85]

For the Dropdown there is no event emitted when the 'togglerTag' button is pressed. There is no way to attach a method to the togglerTag button in a parent component.

I think a simple change to the hide() method to check if it is a split toggle button and then emit on hide. Something like this:

hide () {
  this.visible = false
  if (this.splittedToggler) {
    this.$emit('update:splitButtonPress', val)
  }
},

[rabrowne85]

After a further review of the source code, it looks like there are a few other events that trigger the hide() function. As such amending the hide() function is not a suitable solution.

As such my revised proposal is to changed the component part of the splittedToggler to this:

<component
        :is="togglerTag"
        v-on="{ click: splittedToggler ? splitButtonPress : toggle }"
        :class="computedTogglerClasses"
        v-bind="splittedToggler ? '' : togglerAttrs"
      >

and then add the following additional function:

    splitButtonPress () {
      this.visible = false
      if (this.splittedToggler) {
        this.$emit('update:splitButtonPress', val)
      }
    },

leaving the hide() function as it was.