es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Tag: VUETIFY.JS

Cómo cambiar el tamaño del icono v-stepper dentro de los pasos?

Quiero cambiar el tamaño del ícono dentro de los pasos de v-stepper. Pude lograr cambiar el tamaño de los pasos, pero no encuentro una forma de cambiar el tamaño del ícono. <v-stepper v-model=”final_step” alt-labels=”” elevation=”0″ :width=”GetStepperWidth()”> <v-stepper-header> <template v-for=”(step, index) in steps”> <v-stepper-step :color=”GetStepColor(index + 1)” :complete-icon=”GetCompleteIcon(index + 1)” style=”” . . . Read more

Vuetify: v-navigation-drawer

Tengo <v-navigation-drawer v-model="drawer" app class="blue darken-5"> <v-list> <v-list-tile v-for="link in links" :key="link.text" router :to="link.route"> <v-list-tile-action> <v-icon class="white–text">{{ link.icon }}</v-icon> </v-list-tile-action> <v-list-tile-content> <v-list-tile-title class="white–text"> {{ link.text }} </v-list-tile-title> </v-list-tile-content> </v-list-tile> </v-list> </v-navigation-drawer> Esperaba obtener algo como esto Pero seguía obteniendo esto Por favor avise.

Vuetify: Sobrescribir colores de tema.

Estoy tratando de sobrescribir algunas clases. src/plugins/vuetify.js import Vue from "vue" import Vuetify from "vuetify/lib/framework" Vue.use(Vuetify) export default new Vuetify({ theme: { primary: "#4BB7E8", info: "#769BD0", success: "#9B83BC", warning: "#82C341", error: "#53BD6D", default: "#30B795" } }) y he intentado <v-navigation-drawer v-model="drawer" app class="blue lighten-5"> <p class="success">aquí va el menú</p> <p . . . Read more

Cómo validar vue-ctk-date-time-picker utilizando vuetify en Vuejs con reglas de validación?

Estoy tratando de aplicar la validación requerida para vue-ctk-date-time-picker usando :rules. Funciona para otros elementos, pero no funciona para vue-ctk-date-time-picker. Por favor, corríjame. Aquí está el script que estoy intentando: dateTimePickerRules: [(v) => !!v || 'Este campo es requerido'], <vue-ctk-date-time-picker id="RangeDatePicker" v-model="tempInterpreterProjectDate" classname="form-control" color="dodgerblue" :only-date="true" :no-shortcuts="true" format="YYYY-MM-DD" formatted="ddd, MM/DD/YYY" :range="true" . . . Read more