Vue Action Sheet Not Working

1

Hello,I’m using Framework7-Vue V2.
like this code:

    <f7-navbar>
       .....
        <f7-nav-right>
            <f7-button class="col" raised actions-open="#actions-two-groups">Two groups</f7-button>
        </f7-nav-right>
    </f7-navbar>
    <f7-actions id="actions-two-groups">
        ......
    </f7-actions>

The actions is not open when I click the button.
But it work by this code:

    <f7-navbar>
        ......
        <f7-nav-right>
            <f7-button class="col" raised @click="$refs.actionsOneGroup.f7Actions.open()">Two groups</f7-button>
        </f7-nav-right>
    </f7-navbar>
    <f7-actions ref="actionsOneGroup">
    ......
    </f7-actions>

Is this a bug? Or am I not using it correctly? Thanks
@nolimits4web
@almazk

fiddle:https://jsfiddle.net/wenjm/uLdpwb77/6/

2

there is no "actions-open"
use sheet-open

<f7-button class="col" raised sheet-open="#actions-two-groups">ok</f7-button>