Emit event (click) on CButton

[aviatmcel]

We are testing out free version of CoreUI 4 for Vue, and are having trouble registering events (for example click) on simple components like CButton. Is there a recommended way to this? Is this maybe only available on PRO version?

Thanks!

[dang-cb]

Can you show some code for a CButton that's not working for you? If there's one thing a button should be able to do, that's click! 😉

[aviatmcel]

for example, we tried adding @click event listener on CButton, but click event didn't register:

<c-button
    @click="login"
    :disabled="isLoading"
    color="primary"
    type="submit"
    class="px-4"
>
    Login
</c-button>

If we add a wrapper div around it, and place the @click event listener there, it registers the click.

[mrholek]

@aviatmcel I will try to release the fix tomorrow.

BTW. I replied to your support ticket 2 days ago, did you get my email?

[mrholek]

Can you try to remove this line :disabled="isLoading" and check.

If disabled is to true then the button doesn't emit the event.

[aviatmcel]

hmm no, removing :disabled="isLoading" also didn't help.

I can make it work by adding .native to @click, like this:
<c-button @click.native="login">Login CB</c-button>

Maybe I forgot to import some part of CoreUI lib? I have these imports in main.js:

import '@coreui/coreui/dist/css/coreui.min.css';
import CoreUI from '@coreui/vue';
app.use(CoreUI);

BTW, still not getting any email response from support :)

[mrholek]

Please change import CoreUI from '@coreui/vue'; => import CoreuiVue from '@coreui/vue', and app.use(CoreUI); => app.use(CoreuiVue);

[aviatmcel]

hmm, changed this, but its still the same, only works with @click.native

[mrholek]

@aviatmcel please update to version v4.2.0