0

como eu poso fazer uma barra de pesquisa que caso não encontre o valor no banco, retorne uma mensagem dizendo que não foi encontrado no banco ? Eu não sei imprimir essa mensagem.

1 Resposta 1

1

Basta você criar uma variável vazia que, ao não cumprir a regra desejada, preencha a mesma com o texto que preferir. Para exibi-la é preciso fazer a interpolação, basta colocar a variável entre dois blocos de chaves.

<template>
  <div>
    <input v-model="searchText" type="text">
    <button @click="search">Pesquisar</button>
    <p>{{ error }}</p> <!-- Exibe o valor da variável -->
  </div>
</template>

<script>
  export default {
    data() {
      return {
        searchText: '',
        error: ''
      }
    },
    methods: {
      search() {
        this.error = '' // Limpa o campo de erro

        if (!this.searchText) {
          this.error = 'O campo está vazio'
        }
      }
    },
  }
</script>
1
  • Ah sim, entendi valeu. Commented 9/11/2022 às 13:36

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .