Буклет easybar-easybutton группировки / установки состояний от javascript до easybutton

Question

Я работаю над проектом листовки с vue Там l-control-layer работает как параметры группировки с чувствительностью Мне нужно добавить много элементов управления easybutton на панели easy *

      L.easyBar(
        this.controlsInLeafletEasyBar.map(control => {
          const states = [
            {
              stateName: `on-${control.name}`,
              icon: `<i class="mdi ${control.icon}" style="font-size:18px;"></i>`,
              title: control.onTitle,
              onClick: (btn, map) => {
                this.displayOptions[control.name] = true
                btn.state(`off-${control.name}`)
              },
            },
            {
              stateName: `off-${control.name}`,
              icon: `<i class="mdi ${control.icon}" style="font-size:18px; color: #00a3e4"></i>`,
              title: control.offTitle,
              onClick: (btn, map) => {
                this.displayOptions[control.name] = false
                btn.state(`on-${control.name}`)
              },
            },
          ]
          return easyButton({
            states: this.displayOptions[control.name] ? states.reverse() : states,
          })
        }),
        { position: 'topright' },
      ).addTo(this.map)

Можно ли сгруппировать 3 значка в один, и пользователь щелкает значок, показывает 3 значка или опции, чтобы пользователь мог выбрать то, что он хочет? Так же, как контроллер слоя

Еще одна вещь: я могу установить состояние карты с помощью контроллера easybutton. Может ли easybutton получать состояния из приложения vue? т. е. не только устанавливать состояния от easybutton до приложения vue, но также устанавливать состояния от приложения vue до easybutton (изменить состояния easybutton с javascript)

Спасибо