Page 1 of 1

passing html attributes to the password input element

Posted: 18 Nov 2020, 02:02
by mcshaz
when I have a form design like so:

Code: Select all

      <label for="register-password" class="p-col-12 p-mb-2 p-md-2 p-mb-md-0">Password</label>
      <div class="p-col-12 p-md-10">
        <Password id="register-password" v-model="password" autocomplete="new-password"/>
I get the message in the console
Extraneous non-props attributes (id, autocomplete) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.
at <Password id="register-password" modelValue="" onUpdate:modelValue=fn ... >

it seems fairly simple to move the attributes down to the input element: ... nheritance

Is it possible to implement this?

Thank you