How to use variable from component to be published in vue?

Question

I am creating a validation component to be published. Just like vee-validate I want to use a variable this.$validate.bla() ? where bla is function in my component.

Should it be like declaring and alternative variable to $ref['mycomponent']. Please help me with concept. — Yogesh.galav
– Yogesh.galav, Commented Feb 27, 2022 at 12:02
Also can I use document.getElementsByName() inside component? — Yogesh.galav
– Yogesh.galav, Commented Feb 27, 2022 at 12:09

A.Dadkhah · Accepted Answer · 2022-02-27 12:16:37Z

1

in your main file:

import Validate from 'your_validation_module';
Object.defineProperty(Vue.prototype, '$Validate', {
    value: Validate
});

then use like this in your code :

this.$Validate.blah()

in Vue3 you should use Provide/Inject , app level provide

answered Feb 27, 2022 at 12:16

A.Dadkhah

1181 silver badge7 bronze badges

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

2 Comments

Yogesh.galav Over a year ago

I can't use it everywhere, Can I define $validate inside component?

A.Dadkhah Over a year ago

If not work in component, you can assign it to a component property on "component create" , but I think if you define it globally in main file, it will work in template as well.

Collectives™ on Stack Overflow

How to use variable from component to be published in vue?

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related