[Feature Request] Prop rules for VRating

[frederikheld]

Problem to solve

VRating does not have a rules prop as other inputs have. If I want to validate the VRating input, I have to use the following workaround:

<v-rating model="inputStars" />
<!-- the hidden input checks the rule because v-rating does not take rules -->
<v-input
  type="number"
  v-model="inputStars"
  :rules="[(v: number | undefined) => v !== undefined]"
  style="display: none"
/>

It works, but it would be great if this workaround would be unnecessary.

Proposed solution

Add a property rules to VRating that works analog to the other inputs.

[b-maslennikov]

use v-validation

example

[frederikheld]

I'm not looking for more workarounds, I'm looking for a consistent API across all user inputs.

But thanks for showing me that this exists. Might become useful for custom user input components.

[MatthewAry]

Ah, well VRating is not a treated like or classified as a form input field in Vuetify. It inherits from VBtn instead of VInput. As such @b-maslennikov is giving you the best solution.

Also @b-maslennikov I didn't know about the VValidation component! I would always extend off of the VInput component. This will make things easier for me in the future. 👌

[KaelWD]

Not every interactive component is a form component.
You should put it inside VInput if you want the same look as other components: https://play.vuetifyjs.com/#eNp1kc1uwjAQhF9l8cUgFXJHhLavUKReCAcTnMqS/7peW0LAu9d2SNNLL5E333g0Oz7eWMC+efd+k6JkW7YjabwWJPedBdil9eDQwFuIZ6No41EmaamySpX1kcYJYGvcRep1EjrKtmOVHUhg6NivBKOWIcPjMq2g3cNikeB+B/4hv6NCeeGnWZzWQTvK4huo8Cm0usBjos8INQQKUvZr+lHu1SD/RMgheqcdFjy6bmpiaNsWBqGDhFfgEtEhhy1wj8oIvPLZoZn2b54FzH2cyQJdfVl/rKxj+0M9FHGmY635XHrNw675U3geQ4/KEwRJ0VetMt4hwQ1QDvCAAZ0Bnt+KF9g7GwjmLaEtsuWq+I5O2YM9XmzUun5OP7O6n+o=

[frederikheld]

Interesting approach. Thanks for sharing.

I don't understand why you make a difference between form inputs and other interactive elements that take user input, but ok.