[Vuejs]-Check if value if empty with vuetify

by

1👍

✅

If I understood you correctly just check if value exists for item.claseExtraccion

const { createApp } = Vue
const { createVuetify } = Vuetify
const vuetify = createVuetify()
const app = Vue.createApp({
  data() {
    return {
      item: {
        claseExtraccion: ''
      }
    };
  },
})
app.use(vuetify).mount('#demo')
<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vuetify@3.1.4/dist/vuetify.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vuetify@3.1.4/dist/vuetify.min.css">

<div id="demo">
  <v-app>
    <v-container>
      <v-btn v-if="item.claseExtraccion"
        class="xmin-15 h-auto my-0 mx-0 boton-icono"
        text color="secondary"
        title="Ampliar información"
        @click="abrirDialog({'nombre': item.claseExtraccion})"
         >
         {{ item.claseExtraccion }}
        <i class="fas fa-question-circle"></i>
      </v-btn>
      <v-btn v-else>
          Sin clase extracción
      </v-btn>
    </v-container>
  </v-app>
</div>
👤Nikola Pavicevic

Leave a comment