No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    flowing code , with q-btn inside a tempalte , it seems that submit function not fired?

    Help
    3
    3
    75
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • Z
      zhanggx last edited by

      flowing code , with q-btn inside a tempalte , it seems that submit function not fired?

      <q-form @submit=“sendMessage” class=“full-width”>
      <q-input v-model=“newMessage” label=“Label” counter maxlength=“12” dense>
      <template v-slot:after>
      <q-btn round dense flat icon=“send” type=“submit” />
      </template>
      </q-input>
      </q-form>

      1 Reply Last reply Reply Quote 0
      • s.molinari
        s.molinari last edited by

        Works fine here.

        https://quasar.dev/vue-components/form#Example--Basic

        Maybe make a codepen of an example of your code?

        Scott

        1 Reply Last reply Reply Quote 0
        • M
          Mickey58 last edited by

          I once had a similar issue, which happens ONLY IF you have a q-btn with type=“submit” WITHIN a q-form. Try the following workaround:

          1. Remove the type=“submit” from the q-btn
          2. Add an @click=“someMethod()” to the q-btn to handle what needs to be done when the button is clicked
          1 Reply Last reply Reply Quote 0
          • First post
            Last post