Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas

Componente

Bom dia, como faço para adicionar uma função dentro de um componente?, estou fazendo uns teste e gostaria que um botão que esta dentro do component exiba um alerta que vem do methods

COMPONENT

 Vue.component('botao', {
        props: [
          'click',
        ],
        template: `
             <button v-for="clique in click" @click="testes">{{ clique }}</button>        
        `
    });
methods: {
        testes: function(){
          alert('Hello')
        }
      }
5 respostas

Fala ai Leveditor, tudo bem? Para definir funções em seu componente você pode estar utilizando o methods (assim como você disse).

Olhando os seus códigos, parecem estar corretos.

Espero ter ajudado.

Não esta funcionando, ja tentei de varias maneiras

Precisaria dar uma olhada no código completo, ou seja, no projeto.

Se quiser compartilha ele que eu vejo por aqui com mais calma.

Pode compartilhar através do Github ou Google Drive (zipado).

Fico no aguardo.

solução!

consegui achar o erro, o methods tem que ta dentro do componente né? por favor de uma olhada e vê se isso ta correto ou se foi uma gambiarra que eu fiz kkkk

Vue.component('botao', {
      template: `
         <button @click="enviar2">{{ enviar }}</button>
      `,

      data() {
        return {
          enviar: 'Olá'
        }
      },

      methods: {
        enviar2: function(){
          alert('Olá')
        }
      }
    })```

Fala Leveditor, sim, o methods deve ficar dentro do componente.

No código que você mandou eu achei que já estavam juntos, falha minha não ter percebido antes.

Mas é isso ai mesmo.

Abraços e bons estudos.