Qfields and inputs causing double outline

[bambinou]

Hello,

No idea why this is happening but I am using Quasar V1 rc4 and when I add this code in my page I get 2 outline input fields

<q-field outline label="Your email" error-label="Please add an email" :error="$v.email.$error">
        <q-input v-model="email" @blur="$v.email.$touch"></q-input>
      </q-field>

I tried to put the “outlined” on the input itself but it does not show.

Any idea why please?

Thank you.

[metalsadman]

@bambinou do not wrap q-input / q-select in a q-field, it’s already wrapped in q-field internally https://quasar.dev/vue-components/field#Introduction.

[bambinou]

Oh ok, thank you so much Metalsadman!!!
So the error-label=“Please add an email” :error="$v.email.$error" will have to be added to the Qinput then.

Thanks again!

[metalsadman]

@bambinou Yep thats the way to do it. Cheers.

[bambinou]

Thanks, yes I tried, perfect!!! thanks again.