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

    How to set margin bottom (`q-mb-md`) to all `q-field` for error label spacing?

    Help
    2
    3
    612
    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.
    • T
      theara last edited by

      I base on Vee Validate.
      I would like to keep spacing q-mb-md of all q-field for error label.

          <q-field
            :error="errors.has('name')"
            :error-label="errors.first('name')"
            class="q-mb-md"
          >
            <q-input
              v-validate="rules.name"
              v-model="form.name"
              name="name"
              float-label="Name"
            />
          </q-field>
      

      I do this many times, how to solve?

      M 1 Reply Last reply Reply Quote 0
      • M
        morlz @theara last edited by morlz

        @theara You can simply make the component a wrapper that will translate properties into the QField and events from it to the outside. I do not know how this will work with Vee Validate.

        <q-field v-bind="$props"/>

        1 Reply Last reply Reply Quote 0
        • T
          theara last edited by

          Could you example?

          1 Reply Last reply Reply Quote 0
          • First post
            Last post