Vue JS - button wrapper - can inherit events?

Question

I'm working with Vuetify and I want to create my own submit,cancel etc. buttons so the website is homogenous.

So I'm going to define my button:

 Vue.component('pt-submit', {
        data: function () {
            return {
            }
        },
        template: '<v-btn color="success">Submit</v-btn>'
    });

But I would like to inherit/user events from v-btn like @click. How can I do that so I can use pt-submit the same way as <v-btn> without having to define color,classes etc?

Any updates on this question? Does my answer helps you?

Raffobaffo
– Raffobaffo

2020-07-09 16:20:56 +00:00
Commented Jul 9, 2020 at 16:20 — Raffobaffo
– Raffobaffo, Commented Jul 9, 2020 at 16:20
@Raffobaffo yes, thanks

Milano
– Milano

2020-07-09 20:30:06 +00:00
Commented Jul 9, 2020 at 20:30 — Milano
– Milano, Commented Jul 9, 2020 at 20:30

Raffobaffo · Accepted Answer · 2020-07-09 13:56:26Z

1

Emit them when the v-btn emits them:

template: '<v-btn color="success" @click="$emit('click')">Submit</v-btn>'

edited Jul 9, 2020 at 13:56

answered Jul 9, 2020 at 13:42

Raffobaffo

2,90611 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue JS - button wrapper - can inherit events?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related