Soy nuevo en vuejs y nuxtjs y en mi empresa usan vuetify. Necesito establecer el valor predeterminado como 0 en los campos de campo de texto v en la aplicación, pero no puedo encontrar la forma de hacerlo en el documento de vuetify.
Puede proporcionar el valor predeterminado 0 en la propiedad real vinculada al v-model desde el propio objeto de datos. <v-text-field> es solo un contenedor alrededor de un html <input> . Por lo tanto, vinculará los datos de la misma manera que vinculamos para la entrada.
demostración :
new Vue({ el: '#app', vuetify: new Vuetify(), data: () => ({ textFieldValue: 0, }) }) <link href="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js"></script> <script src="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.js"></script> <div id="app"> <v-text-field v-model="textFieldValue"/> </div> </div>Puede usar la directiva v-model y simplemente establecer el valor predeterminado en 0 en su propiedad de data . Ejemplo: <v-text-field v-model="textField" label="My Text Field/> y en sus datos: data: () => ({ textField: 0, })
Espero que sea la respuesta correcta, saludos