Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feature Request] doc lacks info on v-model functionality #6823

Closed
YuqiaoS opened this issue Mar 25, 2019 · 5 comments
Closed

[Feature Request] doc lacks info on v-model functionality #6823

YuqiaoS opened this issue Mar 25, 2019 · 5 comments

Comments

@YuqiaoS
Copy link

YuqiaoS commented Mar 25, 2019

Problem to solve

Currently the v-model prop on the component doesn't appear to be explained anywhere on the doc but just put in the examples on certain components like navigration-drawer or snackbar. How would we know which components can use this?

Proposed solution

Could you add to the doc on the usage of v-model prop?

@MajesticPotatoe
Copy link
Member

It is not documented as it is not a function that originates from Vuetify. In order to use Vuetify effectively you should have at least a basic knowledge of the underlying technology Vue. v-model is simply syntactical sugar for v-bind:value. You can read more about v-model >HERE< and >HERE<

@YuqiaoS
Copy link
Author

YuqiaoS commented Mar 26, 2019

And yet where is it explained in Vue or anywhere that :value means hidden or display?

@jacekkarczmarczyk
Copy link
Member

It's not explained in the Vue, because it's up to lib authors what the model is responsible for, but you can see the description of value prop in different components in the API section, for example https://vuetifyjs.com/en/components/alerts:

image

@YuqiaoS
Copy link
Author

YuqiaoS commented Mar 26, 2019

Ok. I guess that's a miss on my part.

What about the 'activator' slot logic in the examples? (Others seem to have struggled on finding doc on it as well. I suppose that the examples on the doc now are different now with the v-slot attribute update since Vue 2.6.0, but its even more confusing? Where is the on variable from?? v-icon has a activator slot that binds what?

https://vuetifyjs.com/en/components/tooltips#usage

<v-tooltip bottom>
      <template v-slot:activator="{ on }">
        <v-icon color="primary" dark v-on="on">home</v-icon>
      </template>
      <span>Tooltip</span>
</v-tooltip>

@YuqiaoS
Copy link
Author

YuqiaoS commented Mar 28, 2019

Hello? Should I open as new issue for this?

@lock lock bot locked as resolved and limited conversation to collaborators Mar 27, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants