How to set precision for vue-vuetify NumberControlRenderer?

General
1

Hello,
how can i enter decimal values in a number control in vue-vuetify?

i found that in vuetify the control “VNumberInput” needs a precision option, which is set to 0 per default. So i was not able to enter decimal numbers.
see: Number inputs — Vuetify

i didnt found this option in “vuetify > NumberControlRenderer”.

in a local environment i was able to set this option, and it worked:
NumberControlRenderer.vue
<v-number-input
v-disabled-icon-focus
:step=“step”
:precision=“precision”
…
computed: {
step(): number {
const options: any = this.appliedOptions;
return options.step ?? 0.1;
},
precision(): String {
const options: any = this.appliedOptions;
return options.precision ?? “2”;
},

2

Hi @zebra007,

In all Vuetify renderers we have an escape hatch to configure the remaining props, see here

So you can set the precision with options like this:

{
  type: 'Control',
  scope: '#/properties/my-number',
  options: {
    vuetify: {
      'v-number-input': {
        precision: 2,
      },
    },
  },
},