是否可以在Vee Validate中更改aria属性的位置？

Question

As far as I know, aria-required and aria-invalid attributes are positioned on the input tag where you embed the v-validate attribute. Eg.

<input class="a" type="text" v-validate="'required'">

will manifest itself as:

<input class="a" type="text" aria-required="true" aria-invalid>

in the DOM.

If I had a div around my input, is it possible for the aria attributes to manifest in the div? So that it will look like:

<div class="b" aria-required="'true'" aria-invalid>
  <input class="a" type="text">
</div>

Answer 1

Refer to: developer.mozilla.org

The aria-required attribute is used to indicate that user input is required on an element before a form can be submitted. This attribute can be used with any typical HTML form element. And <div> tag is not a form element so it can not be used with aria attribute.