@Submit not working in Vue typescript

I am trying to use form submit and its not being called. This is my code snipped. Not sure what I am doing wrong. Thanks for the help. Using Vue: 3.4.18 Quasar: 2.16 :sent="message.from == 'me' ? true : false" /> import { ref } from 'vue'; const messages = ref([ { text: 'Hey Jim, how are you?', from: 'me' }, { text: 'Good thanks, Danny! How are you?', from: 'them' }, { text: 'Pretty good!', from: 'me' } ]); const newMessage = ref(''); function onSubmit() { console.log('Sending message:', newMessage.value); messages.value.push({ text: newMessage.value, from: 'me' }); newMessage.value = ''; console.log('Sending message:', newMessage.value); newMessage.value = ''; };

Mar 24, 2025 - 01:21
 0
@Submit not working in Vue typescript

I am trying to use form submit and its not being called. This is my code snipped. Not sure what I am doing wrong. Thanks for the help.

Using Vue: 3.4.18
Quasar: 2.16




:sent="message.from == 'me' ? true : false" />




                    
                
            
        
    

import { ref } from 'vue';

const messages = ref([
{
text: 'Hey Jim, how are you?',
from: 'me'
},
{
text: 'Good thanks, Danny! How are you?',
from: 'them'
},
{
text: 'Pretty good!',
from: 'me'
}
]);

const newMessage = ref('');

function onSubmit() {
console.log('Sending message:', newMessage.value);
messages.value.push({
text: newMessage.value,
from: 'me'
});
newMessage.value = '';

console.log('Sending message:', newMessage.value);

newMessage.value = '';

};