label with url in Vue.js

Question

Here's my code:

<v-checkbox
    :label="I agree with the Privacy Policy"
    v-model="agree2"
></v-checkbox>

and I want to have an action when I click Privacy Policy. I know I can put an url there, but I would rather show model with Vue. How can I do that?

A div that shows up via v-if="agree2"? Or a @change event on the checkbox itself? — ceejayoz
– ceejayoz, Commented Jan 30, 2019 at 14:41
@ceejayoz no, the checkbox is for an user to accept privacy policy. I want to show up modal if he want's to read it. — Zbyszek Kisły
– Zbyszek Kisły, Commented Jan 30, 2019 at 14:42

jonasfh · Accepted Answer · 2021-01-15 14:09:28Z

11

Use the slot with name 'label' and put into whatever any you wont:

<v-checkbox ...>
    <div slot='label'>I agree with the <myLinkComponent>...</...></div>
</v-checkbox>

jonasfh

4,6572 gold badges24 silver badges42 bronze badges

answered Jan 30, 2019 at 14:43

Vsevolod

3754 silver badges11 bronze badges

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

1 Answer 1